Document Vue 3 Composition API, script setup macros, reactivity, and built-in components.
npx skills add https://github.com/dang0705/planting --skill vue-dang0705
Please help me install this Agent Skill. Skill: vue Source: https://github.com/dang0705/planting/tree/main/.agents/skills/vue Command: npx skills add https://github.com/dang0705/planting --skill vue-dang0705
This Skill helps developers quickly understand and utilize Vue 3's Composition API, script setup macros, reactivity system, and built-in components to efficiently write Vue Single File Components (SFCs).
script setup for cleaner and more maintainable component code.ref, reactive, computed, and watch.Transition, Teleport, Suspense, and KeepAlive.Run the 'vue' skill to access detailed documentation and examples on Vue 3's Composition API and built-in components.
High-intent search queries and answers about installing and using this skill.
Use the Vue 3 Composition API in Single File Components by leveraging script setup macros to write cleaner code. This approach provides a structured way to manage component logic, state, and lifecycle hooks directly within the SFC.
The Vue 3 reactivity system uses ref and reactive to track reactive state changes. Ref wraps primitive values while reactive proxies objects, enabling computed properties and watchers to automatically update the UI when underlying data mutates.
Vue built-in components like Teleport and Suspense manage UI rendering and asynchronous dependencies. Teleport moves DOM nodes to different locations, while Suspense handles loading states for nested async components, alongside Transition and KeepAlive.
Yes, you need existing knowledge of Vue 3 basics to effectively use the Composition API. This Skill focuses on advanced reactivity, script setup macros, and built-in components rather than teaching foundational Vue concepts.
Use script setup macros when you want cleaner and more maintainable component code in Vue Single File Components. It reduces boilerplate by automatically exposing top-level variables and components to the template without explicit return statements.
Manage state and lifecycle hooks with the Vue 3 Composition API by importing functions like onMounted into script setup. This encapsulates reactive state and side effects within a composable function structure for better logic reuse.
PatternsDevSimplify Vue 3 component scripts using script setup, defineProps, and defineEmits.
BRANDNEWSHVTBuild Vue 3 single-file components using the Composition API and script setup.
doanchienthangdevDevelop Vue 3 applications with Composition API, TypeScript, Pinia, and Vue Router.
Hashzin-0Move UI component logic into reusable hooks and services.