Create Vue 3 single-file components using script setup and Composition API.
npx skills add https://github.com/rafasoares/rafasoares.com --skill vue-rafasoares
Please help me install this Agent Skill. Skill: vue Source: https://github.com/rafasoares/rafasoares.com/tree/main/.agents/skills/vue Command: npx skills add https://github.com/rafasoares/rafasoares.com --skill vue-rafasoares
Vue 3 + Composition API and script setup streamline building scalable, maintainable user interfaces by reducing boilerplate and improving type inference in SFCs.
Create a Vue 3 component using <script setup> with defineProps and defineEmits, and render a simple template.
High-intent search queries and answers about installing and using this skill.
Build Vue 3 components by using script setup to define props and emits with macros, reducing boilerplate while improving type inference for single-file components. This approach streamlines scalable UI development.
The best way to define props and emits in Vue 3 SFCs is using script setup macros like defineProps and defineEmits. This concise approach provides better IDE support and enforces best practices.
Reactivity in the Composition API works by using ref for primitive values, computed for derived state, and watch to react to data changes. These core APIs replace Options API methods for lifecycle and state management.
Yes, you can use built-in components like Transition, Teleport, Suspense, and KeepAlive directly with script setup. They integrate seamlessly to handle common UI patterns like asynchronous loading and component caching.
Yes, this approach supports mixing Options API with composables and props. It enforces best practices when combining these patterns, ensuring reactivity and lifecycle hooks function correctly within Vue 3 components.
Use KeepAlive and Suspense in Vue 3 component development when you need to cache component state or handle asynchronous dependencies. These built-in components manage common UI patterns for transitions and loading states.
heamlkStandardize Vue 3 SFC development with script setup and typed props.
a35506322Fix Pinia state management errors in Vue 3 applications.
adelproDiagnose TypeScript tooling, types, and build performance in codebases.
partme-aiProvides guidance for Vue 2.x development including components, routing, and Vuex state management.
