vue-patterns

What problem does it solve?

This skill helps developers structure Vue 3 projects with robust feature modules, predictable state management, and clear component boundaries, reducing complexity and rework during refactors.

Core Features & Use Cases

• Feature module architecture: Self-contained domain modules with dedicated components, composables, and utilities.
• Singleton/global state patterns: Guidance on createGlobalState-based state sharing without Pinia, reducing boilerplate.
• Two-way binding patterns: Correct usage of v-model and defineModel to ensure reactive props and events.
• Gotchas & debugging: Common pitfalls and debugging tips for reactive data flows in Vue 3.
• Use Case: When you start a new feature, use this skill to structure the module, wire state, and align components for maintainability.

Quick Start

Use the Vue Patterns skill as a reference when creating or refactoring Vue 3 features, composables, and components to enforce clean structure and shared state across the app.