Build Vue 3 single-file components using the Composition API with script setup.
npx skills add https://github.com/kirklin/skills --skill vue-kirklin
Please help me install this Agent Skill. Skill: vue Source: https://github.com/kirklin/skills/tree/main/skills/vue Command: npx skills add https://github.com/kirklin/skills --skill vue-kirklin
Vue 3 development requires a solid grasp of the Composition API, script setup, and the built-in components to build scalable, maintainable UI.
Create a new Vue SFC using <script setup lang="ts"> with defineProps, defineEmits, and a basic template to validate composition API usage.
High-intent search queries and answers about installing and using this skill.
Build Vue 3 components by creating Single File Components with <script setup lang="ts">. Utilize reactivity primitives like ref, reactive, and computed to manage state and logic within your Vue 3 application.
The best way to define props and emits in a Vue 3 SFC is using the script setup macros defineProps and defineEmits. These compile-time macros provide type-safe component interfaces without runtime overhead.
The defineModel macro simplifies two-way binding in Vue 3 SFCs by creating a ref that automatically syncs with the parent component. It eliminates the need for manual defineProps and defineEmits boilerplate for v-model integration.
Yes, you can use built-in components like Teleport, Suspense, and KeepAlive alongside Vue 3 composition API patterns. These components enable advanced UI patterns such as portal rendering, async component handling, and state caching.
TypeScript is not strictly required but is highly preferred for Vue 3 development. Using TypeScript with script setup macros like defineProps and defineEmits provides enhanced type safety and better autocompletion for reactivity primitives.
Use ref and reactive to store reactive state in Vue 3, and use computed properties when you need to derive new state from those existing reactive primitives. Computed properties cache results and only re-evaluate when dependencies change.
mymx2Compile, lint, format, and type-check Vue.js projects with a Rust-native toolchain.
Aditya07024Implement Vue 3 Clerk authentication with composables, router guards, and Pinia stores.
aaravminIntegrate Clerk authentication into Vue 3 apps with composables, router guards, and Pinia.
lava-chenCreate typed, reusable React components with hooks and TypeScript patterns.
