Guide Vue 3 Composition API and script setup for TypeScript SFCs.
npx skills add https://github.com/wilfriedago/dotfiles --skill vue-wilfriedago
Please help me install this Agent Skill. Skill: vue Source: https://github.com/wilfriedago/dotfiles/tree/main/agents/skills/vue Command: npx skills add https://github.com/wilfriedago/dotfiles --skill vue-wilfriedago
This Skill helps developers efficiently build modern Vue.js applications by leveraging the Composition API, script setup, and built-in features for enhanced performance and maintainability.
ref, computed, watch, and lifecycle hooks for organized, reusable logic.<script setup lang="ts">.Transition, Teleport, Suspense, and KeepAlive for advanced UI patterns.<script setup>, and integrate animations with Transition.Use the vue skill to define a component with a reactive counter and a button to increment it.
High-intent search queries and answers about installing and using this skill.
To define props and emits in Vue 3 script setup, use the compiler macros defineProps and defineEmits directly within the <script setup> block for type-safe component communication.
In Vue 3 reactivity, ref deeply tracks changes to its object value, while shallowRef only tracks changes to the .value reference itself, optimizing performance for large data structures.
To use Teleport and Suspense in a Vue 3 SFC, wrap your template content with these built-in components to render DOM nodes outside the component hierarchy and manage asynchronous component loading states.
Yes, you can build TypeScript Vue 3 components by using <script setup lang="ts"> alongside Composition API primitives like ref and computed to ensure strict type safety and maintainable logic.
The best way to handle two-way binding in Vue 3 script setup is using the defineModel macro, which simplifies parent-child v-model communication without manual props and emits configuration.
mymx2Compile, lint, format, and type-check Vue.js projects with a Rust-native toolchain.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
AratKruglikDevelop Vue 3 applications with Composition API, Pinia, and Vite.
partme-aiProvides guidance for Vue 2.x development including components, routing, and Vuex state management.