SKILL.md
Vue Pro Patterns
This suite contains a collection of specialized guidelines and tools.
️ Included Guidelines & Tools
️ Vue
Reference: selected_skills/Frontend/vue/SKILL.md
️ Vue Best Practices
Capability Rules
| Rule | Keywords | Description |
|---|---|---|
| [extract-component-props](rules/extract-component-props.md) | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components |
| [vue-tsc-strict-templates](rules/vue-tsc-strict-templates.md) | undefined component, template error, strictTemplates | Catch undefined components in templates |
| [fallthrough-attributes](rules/fallthrough-attributes.md) | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes |
| [strict-css-modules](rules/strict-css-modules.md) | css modules, $style, typo | Catch CSS module class typos |
| [data-attributes-config](rules/data-attributes-config.md) | data-*, strictTemplates, attribute | Allow data-* attributes |
| [volar-3-breaking-changes](rules/volar-3-breaking-changes.md) | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues |
| [module-resolution-bundler](rules/module-resolution-bundler.md) | cannot find module, @vue/tsconfig, moduleResolution | Fix module resolution errors |
| [define-model-update-event](rules/define-model-update-event.md) | defineModel, update event, undefined | Fix model update errors |
| [with-defaults-union-types](rules/with-defaults-union-types.md) | withDefaults, union type, default | Fix union type defaults |
| [deep-watch-numeric](rules/deep-watch-numeric.md) | watch, deep, array, Vue 3.5 | Efficient array watching |
| [vue-directive-comments](rules/vue-directive-comments.md) | @vue-ignore, @vue-skip, template | Control template type checking |
Reference: selected_skills/Frontend/vue-best-practices/SKILL.md
️ Vueuse
Reference: selected_skills/Frontend/vueuse/SKILL.md
️ Reka Ui
Reference: selected_skills/Frontend/reka-ui/SKILL.md
️ Motion
Reference: selected_skills/Frontend/motion/SKILL.md
️ Nuxt
Reference: selected_skills/Frontend/nuxt/SKILL.md
️ Nuxt Content
Reference: selected_skills/Frontend/nuxt-content/SKILL.md
️ Nuxt Modules
Reference: selected_skills/Frontend/nuxt-modules/SKILL.md
️ Nuxt Ui
Reference: selected_skills/Frontend/nuxt-ui/SKILL.md