What problem does it solve?
This Skill addresses common pitfalls in Vue 3 development by enforcing core principles for clean, maintainable, and scalable applications, ensuring better architecture, feature additions, and component design.
Core Features & Use Cases
- State vs. Behavior Separation: Clearly distinguishes between reactive state and functional behavior to prevent logic from escaping its intended layer.
- Component Boundaries: Enforces that components call functions and do not own complex domain logic.
- Manager Pattern: Promotes encapsulating domain state and behavior within dedicated manager classes.
- Reactive Chains: Guides the correct usage of
computed and watch to avoid process orchestration.
- Naming Conventions: Establishes clear and explicit naming for functions, state, types, and CSS variables.
- Scope Discipline: Advises against premature abstraction and unnecessary additions.
- Use Case: Review a Vue component for violations of the manager pattern or component boundary rules, or refactor auth logic into a proper manager.
Quick Start
Review this Vue component and flag any violations of the manager pattern or component boundary rules.