vue-best-practices

SKILL.md

| extract-component-props | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components | | vue-tsc-strict-templates | undefined component, template error, strictTemplates | Catch undefined components in templates |

| fallthrough-attributes | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes | | strict-css-modules | css modules, $style, typo | Catch CSS module class typos | | data-attributes-config | data-, strictTemplates, attribute | Allow data- attributes |

| volar-3-breaking-changes | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues | | module-resolution-bundler | cannot find module, @vue/tsconfig, moduleResolution | Fix module resolution errors | | define-model-update-event | defineModel, update event, undefined | Fix model update errors |

Meilleures pratiques Vue 3 et Vue.js pour TypeScript, vue-tsc et Volar. Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation des composants Vue pour garantir des modèles de saisie corrects. Déclencheurs sur des tâches impliquant des composants Vue, l'extraction d'accessoires, des composants wrapper, la vérification du type de modèle ou la configuration Volar. Source : bahayonghang/my-claude-code-settings.

Voir l'original