vue

Refactoring a Vue component to use the Composition API and script setup involves migrating options-based logic into reactive, type-safe composables. This Skill guides the conversion process to ensure reactivity best practices and standardized component conventions are applied correctly.

Managing reactivity in Vue 3 composables is best achieved by preferring ref() over reactive() and correctly utilizing computed, watch, and nextTick. This approach ensures reactivity-aware code that remains type-safe and maintainable across your component architecture.

Yes, this approach works with TypeScript for Vue component architecture by enforcing type-safe code within your .vue files and composables. It ensures that props, emits, and component conventions adhere to Vue 3 Composition API best practices.

You should prefer ref over reactive in Vue 3 Composition API to maintain safer reactivity tracking across composables. This Skill enforces this specific API style along with correct usage of computed and watch to prevent common reactivity pitfalls.

Standardizing Vue 3 component conventions for props and emits is done by applying specific API styles during component writing and reviewing. This Skill enforces these guidelines to ensure your Vue components remain consistent, type-safe, and composable.