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 |

Mejores prácticas de Vue 3 y Vue.js para TypeScript, vue-tsc y Volar. Esta habilidad debe usarse al escribir, revisar o refactorizar componentes de Vue para garantizar patrones de escritura correctos. Activadores de tareas que involucran componentes de Vue, extracción de accesorios, componentes envolventes, verificación de tipo de plantilla o configuración de Volar. Fuente: bahayonghang/my-claude-code-settings.

Ver original