Guide Vue 3 Composition API, script setup, and reactivity primitives.
npx skills add https://github.com/alexzuosh/alex_skills --skill vue-alexzuosh
Please help me install this Agent Skill. Skill: vue Source: https://github.com/alexzuosh/alex_skills/tree/main/vue Command: npx skills add https://github.com/alexzuosh/alex_skills --skill vue-alexzuosh
This Skill helps developers efficiently build modern Vue.js applications by leveraging the Composition API, script setup, and advanced reactivity patterns.
ref, computed, watch, and shallowRef for dynamic UIs.Transition, Teleport, Suspense, and KeepAlive for enhanced user experiences.script setup.Use the vue skill to generate a basic Vue 3 component using <script setup lang="ts"> and defineProps.
High-intent search queries and answers about installing and using this skill.
Use the Vue 3 Composition API to organize component logic by leveraging `script setup`, `refs`, and `computed` properties for cleaner, more maintainable code. It simplifies top-level bindings and automatic exposure.
`ref` creates deep reactivity for dynamic UIs, whereas `shallowRef` provides shallow reactivity. Use `shallowRef` to avoid deep tracking of large objects, optimizing Vue application performance.
Handle asynchronous data loading in Vue by using the `Suspense` built-in component. It manages fallback states while waiting for nested async dependencies to resolve during component rendering.
Use the `Teleport` component in Vue 3 when you need to render a piece of UI outside the current DOM hierarchy. It enhances user experiences by projecting modals or overlays to a different DOM node.
Yes, `script setup` supports `defineProps` to declare component properties. This syntax simplifies the Vue component structure by providing top-level bindings and automatic exposure without boilerplate.
The best way to manage transitions is by using the Vue `Transition` and `KeepAlive` built-in components. `Transition` handles enter and leave effects, while `KeepAlive` caches component state to avoid re-rendering.
heamlkStandardize Vue 3 SFC development with script setup and typed props.
wonkpentinkCentralize global application state with Zustand stores and selectors.
AratKruglikDevelop Vue 3 applications with Composition API, Pinia, and Vite.
yuhle-qugDiagnose Vue 3 Composition API, reactivity, and Nuxt.js integration issues.