Guide Vue 3 component creation with Composition API and script setup.
npx skills add https://github.com/vinceh/recipe --skill vue-engineering
Please help me install this Agent Skill. Skill: vue-engineering Source: https://github.com/vinceh/recipe/tree/main/.claude/skills/vue-engineering Command: npx skills add https://github.com/vinceh/recipe --skill vue-engineering
Provides a practical, up-to-date guide to Vue 3 development using the Composition API and script setup, including patterns for components and composables, TypeScript integration, performance optimization, and testing with Vitest. It helps teams build maintainable Vue apps faster.
Create a basic Vue 3 component with script setup and a small composable using the templates and references provided.
High-intent search queries and answers about installing and using this skill.
Vue 3 components using script setup combine TypeScript with the Composition API for type-safe, concise syntax. Define props, emits, and reactive state directly in `<script setup>`, then use composables to extract and reuse logic across components while maintaining full type inference.
Composables are reusable functions that encapsulate reactive logic and state in Vue 3. They follow the Composition API pattern, returning reactive data and methods for use across components. TypeScript-friendly composables leverage type generics to provide intellisense and prevent runtime errors.
Vue 3 + Vite optimization includes code splitting, lazy loading, tree-shaking unused code, and leveraging Vite's fast HMR. The Composition API reduces bundle size compared to Options API, and proper composable organization prevents duplicate logic in the final build.
Vitest integrated with Vue Test Utils enables fast unit testing for Vue 3 components and composables. Mock reactive state, test emitted events, and verify component behavior without a browser. TypeScript support ensures test code receives type safety alongside application code.
Yes. The Composition API works alongside the Options API in the same project. Migrating to script setup and strict TypeScript gradually improves maintainability without requiring a full rewrite. Both patterns coexist within a Vite-based Vue 3 ecosystem.
bingeli1379Configure TypeScript and Vite for Vue JSX with Vue-specific attributes.
asfbay-bitMonitor application health, track errors, and manage incidents post-deployment.
harlan-zwManage Vue.js forms with type-safe validation and submission handling.
mgd34msuGuide UI component design, implementation, and optimization across React, Vue, and Svelte.
