Guide Vue 3 Composition API and script setup for SFC development with TypeScript.
npx skills add https://github.com/1Chen1y1111/vue3-template --skill vue-1chen1y1111
Please help me install this Agent Skill. Skill: vue Source: https://github.com/1Chen1y1111/vue3-template/tree/main/.agents/skills/vue Command: npx skills add https://github.com/1Chen1y1111/vue3-template --skill vue-1chen1y1111
This Skill helps developers efficiently build Vue.js applications by providing guidance and quick access to the Vue 3 Composition API, script setup, and core features.
ref, computed, watch, and lifecycle hooks for organized and reusable logic.<script setup> for concise component definitions and compiler macros like defineProps, defineEmits, and defineModel.Transition, Teleport, Suspense, and KeepAlive for advanced UI patterns.<script setup>, define its props and emits, and implement reactive state management.Use the vue skill to generate a basic Vue 3 component with <script setup> and define props.
High-intent search queries and answers about installing and using this skill.
Vue 3 Composition API builds reactive components using `ref`, `computed`, and `watch` functions to manage state and lifecycle hooks. This approach organizes component logic by feature rather than function type, enabling reusable code structures.
Vue 3 `<script setup>` defines props and emits using `defineProps` and `defineEmits` compiler macros. These macros enable type-safe component interfaces within Single File Components without requiring additional imports.
Vue 3 `<script setup>` supports TypeScript integration for Single File Component development. It leverages `defineProps` and `defineEmits` macros to provide type inference and type checking across component interfaces.
Vue 3 implements `Transition` and `Teleport` as built-in components for advanced UI patterns. `Teleport` renders content outside the current DOM hierarchy, while `Transition` manages enter and leave animations for dynamic elements.
Use `Suspense` and `KeepAlive` in Vue 3 for advanced component state management. `Suspense` handles asynchronous component loading fallbacks, while `KeepAlive` caches component instances to preserve state during view toggling.
IsKenKenYaFix Vue 3 and TypeScript typing, template-checking, and tooling misconfigurations.
PatternsDevCreate reactive Vue stores with Pinia defineStore for shared state.
JeffallanGuide Vue 3 development with Composition API, Pinia, and Nuxt 3.
partme-aiProvides React development guidance covering components, JSX hooks, props, state, context, and performance optimization.