Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hyf0-vue-skills-1
Provides Vue 3 Options API best practices including TypeScript integration, method binding, lifecycle hooks, and common gotchas. Each reference shows the Options API solution only.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hyf0-vue-skills-1:vue-options-api-best-practicesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Vue.js Options API best practices, TypeScript integration, and common gotchas.
reference/no-arrow-functions-in-lifecycle-hooks.mdreference/no-arrow-functions-in-methods.mdreference/stateful-methods-lifecycle.mdreference/ts-options-api-arrow-functions-validators.mdreference/ts-options-api-computed-return-types.mdreference/ts-options-api-proptype-complex-types.mdreference/ts-options-api-provide-inject-limitations.mdreference/ts-options-api-type-event-handlers.mdreference/ts-options-api-use-definecomponent.mdreference/ts-strict-mode-options-api.mdVue.js Options API best practices, TypeScript integration, and common gotchas.
npx claudepluginhub vuejs-ai/skills3plugins reuse this skill
First indexed Jun 27, 2026
Delivers Vue 3 best practices for Composition API script setup, composables, ref/reactive patterns, Pinia state management, and Nuxt apps. Activates on .vue files and Vue triggers.
Provides Vue 3 Composition API patterns, component architecture, and testing practices. Use when editing .vue files, creating composables, or testing Vue code.
Vue 3 conventions, Composition API patterns, SFC structure, reactivity, composables, and TypeScript integration. Invoke whenever task involves any interaction with Vue code — writing, reviewing, refactoring, debugging, or understanding .vue files, composables, and Vue component architecture.