vue-composition-patterns

What problem does it solve?

This Skill helps developers write more scalable, maintainable, and flexible Vue 3 components by leveraging advanced Composition API patterns, avoiding common pitfalls like boolean prop proliferation.

Core Features & Use Cases

• Component Architecture: Design reusable and composable components using patterns like compound components and explicit variants.
• State Management: Implement robust state sharing across components using provide/inject.
• Use Case: Refactor a large, monolithic Vue component with numerous boolean props into smaller, more manageable, and explicitly defined variant components that compose together seamlessly.

Quick Start

Apply the 'avoid-boolean-props' pattern to refactor a Vue component with excessive boolean props.