Writes Vue 3 SFCs using the Composition API with defineProps, defineEmits, and script setup.
npx skills add https://github.com/antfu/skills --skill vue-antfu
Please help me install this Agent Skill. Skill: vue Source: https://github.com/antfu/skills/tree/main/skills/vue Command: npx skills add https://github.com/antfu/skills --skill vue-antfu
Vue 3 development often suffers from scattered patterns for component design. This Skill provides a cohesive approach to using the Composition API, script setup macros, and built-in components to create maintainable Vue SFCs.
Create a Vue SFC with a script setup block, declare props via defineProps, and set up emits via defineEmits to create a small interactive component.
High-intent search queries and answers about installing and using this skill.
Write Vue 3 components using the Composition API by leveraging script setup macros like defineProps and defineEmits alongside ref and reactive to manage state and data flow. This approach provides a cohesive pattern for building maintainable single-file components.
Handle props and emits in Vue 3 with TypeScript by using defineProps and defineEmits compiler macros. These macros provide type-checking and streamline component data flow directly within your script setup block without manual imports.
Use defineModel for two-way binding in Vue 3 by declaring the macro within your script setup block. It streamlines reactive data flow between parent and child components, replacing manual props and emits for v-model implementations.
You can use built-in components like Transition, Teleport, Suspense, and KeepAlive with script setup. Leverage these built-in Vue features and common directives to create richer UIs and manage dynamic rendering seamlessly within your SFCs.
Create a reusable form component in Vue 3 by combining defineProps for validation, defineEmits for events, and Transition for UX polish. Use the Composition API to encapsulate interactive logic within a single-file component.
aaronbassettInitialize linting, formatting, type checking, and testing tooling across TypeScript, Rust, and Python projects.
Aditya07024Implement Vue 3 Clerk authentication with composables, router guards, and Pinia stores.
DanielShuguangConfigure Vite projects, add plugins, and build for production.
yuann3Apply Vue.js 3 best practices for component design and Composition API state management.
