Build Vue 3 components with TypeScript and the Composition API.
npx skills add https://github.com/jacexh/skills --skill vue-typescript
Please help me install this Agent Skill. Skill: vue-typescript Source: https://github.com/jacexh/skills/tree/main/skills/vue-typescript Command: npx skills add https://github.com/jacexh/skills --skill vue-typescript
Provides clear, production-ready patterns and examples to eliminate common pitfalls when building Vue 3 applications with TypeScript, reducing type errors, inconsistent state management, and untyped component interfaces so teams can move faster with confidence.
Ask the assistant to refactor a Vue single-file component to use script setup with TypeScript, add typed props and emits, extract reusable composables, and connect it to a typed Pinia store and typed routes.
High-intent search queries and answers about installing and using this skill.
You can define typed props and emits in Vue 3 script setup using TypeScript generics with defineProps and defineEmits, which ensures strict type safety and improves component reusability across your application.
The best way to extract typed state from a Pinia store is using the storeToRefs function, which destructures store properties while preserving reactivity and maintaining full TypeScript type inference for state and getters.
Create reusable composables for data fetching in Vue 3 by defining functions that return typed reactive state and explicit return shapes, ensuring predictable type inference throughout your component logic.
Yes, you can integrate VeeValidate with Zod in Vue 3 to establish type-safe validation schemas, bridging runtime form validation with compile-time TypeScript type checking for robust data integrity.
Type route params and navigation in Vue Router by applying TypeScript definitions to route configurations, enabling strict type checking for dynamic route parameters and safe programmatic navigation.
To migrate a Vue Options API component to script setup with TypeScript, refactor data and methods into reactive refs and functions, wire shared logic to composables, and connect it to a typed Pinia store.
IsKenKenYaFix Vue 3 and TypeScript typing, template-checking, and tooling misconfigurations.
sayali-ingle-pdlGenerate TypeScript declaration shims for Vue 3 component and SVG imports.
johangm90Develop accessible, typed, tested web frontends for browser and PWA targets.
xxihImplement React and Next.js patterns for component composition, state hooks, and performance.
