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
Guides Vue 3 Options API usage with TypeScript integration, covering typed props, computed, methods, and lifecycle hooks to avoid common pitfalls.
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
Guides Vue 3 development enforcing Composition API with <script setup>, TypeScript, reactivity, SFC structure, and component planning workflows.
Guides Vue 3 development enforcing Composition API with <script setup>, TypeScript, reactivity, SFC structure, and component planning workflows.
Provides Vue 3 Composition API patterns, component architecture, and testing practices. Use when editing .vue files, creating composables, or testing Vue code.