Vue Best Practices
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
by yuanxiao0115 · MIT
The skill
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
Vue Best Practices
Capability Rules
| Rule | Keywords | Description |
|---|---|---|
| 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 |
| unplugin-auto-import-conflicts | unplugin, auto-import, types any | Fix unplugin type conflicts |
| codeactions-save-performance | slow save, vscode, performance | Fix slow save in large projects |
| duplicate-plugin-detection | duplicate plugin, vite, vue plugin | Detect duplicate plugins |
| define-model-update-event | defineModel, update event, undefined | Fix model update errors |
| with-defaults-union-types | withDefaults, union type, default | Fix union type defaults |
| deep-watch-numeric | watch, deep, array, Vue 3.5 | Efficient array watching |
| vue-directive-comments | @vue-ignore, @vue-skip, template | Control template type checking |
| script-setup-jsdoc | jsdoc, script setup, documentation | Add JSDoc to script setup |
| vue-router-typed-params | route params, typed router, unplugin | Fix route params typing |
Efficiency Rules
| Rule | Keywords | Description |
|---|---|---|
| hmr-vue-ssr | hmr, ssr, hot reload | Fix HMR in SSR apps |
| pinia-store-mocking | pinia, mock, vitest, store | Mock Pinia stores |
Reference
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: yuanxiao0115/vue-best-practices-7678127504.
Details
- Publisher
- yuanxiao0115
- Category
- Software Development › Languages & frameworks
- License
- MIT
- Updated
- 2026-01-27
References
More from yuanxiao0115
- Codex Subagent Spawn Codex subagents via background shell to offload context-heavy work.
- Browserpilot Executor Control browser automation through HTTP API.
- Cli Design Guidelines Design and UX guidance for command-line tools and scripts, based on the Command Line Interface Gu…
- Context7 Fetch up-to-date library documentation via Context7 API.