Provide Vue 3 Composition API patterns and script setup macros for building SFCs.
npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill vue-woody1234567
Please help me install this Agent Skill. Skill: vue Source: https://github.com/woody1234567/Nuxt_tech_blog/tree/main/.agents/skills/vue Command: npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill vue-woody1234567
Vue 3 development can be complex when adopting the Composition API, script setup macros, and multiple built-in components; this skill provides structured guidance to streamline building scalable Vue SFCs.
Follow the steps to create a Vue 3 SFC using script setup and defineProps/defineEmits, then render a simple reactive component.
High-intent search queries and answers about installing and using this skill.
Vue 3 script setup macros like defineModel, defineProps, and defineEmits streamline SFC development by providing compile-time syntactic sugar for component communication. This skill offers structured patterns to implement these macros effectively in scalable Vue 3 applications.
Vue 3 composition API reactivity uses ref, reactive, and computed properties to manage state, while watch and watchEffect handle side effects. This skill provides practical guidance on applying these reactivity concepts and composable patterns in real-world scenarios.
Yes, this skill covers Vue 3 built-in components including Transition, Teleport, Suspense, and KeepAlive. It provides practical guidance for applying these components alongside custom directives and v-memo in real-world SFC scenarios.
Top-level await and defineExpose are advanced script setup features in Vue 3 for composing components. This skill applies guidance to these advanced patterns, ensuring compatibility with Vue 3.5+ and alignment with official APIs.
Vue 3 script setup is the recommended syntax for building SFCs, reducing boilerplate compared to standard composition API. This skill helps streamline your development by providing structured patterns for props, emits, and reactive state management.
Vue 3 defineProps and defineEmits are compiler macros that must be used correctly within script setup. This skill ensures compatibility with Vue 3.5+ and provides practical guidance aligned with official APIs to resolve common SFC component design issues.
CloudyWingEnforce Vue 3 Composition API and script setup guidelines with TypeScript.
BRANDNEWSHVTBuild Vue 3 single-file components using the Composition API and script setup.
AratKruglikDevelop Vue 3 applications with Composition API, Pinia, and Vite.
JetBrainsBuild Vue 3 components using the Composition API and script setup macros.
