Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →tencentblueking/vue-best-practices
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
Passed 3 of 8 test cases with the skill, and 7 of 8 without it.
1 fixed7 passed either way1 still failing13 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
In our Vue 3 TypeScript project using Vite, vue-tsc fails to detect invalid component tags used in templates, allowing undefined components to pass build checks. Developers often resort to writing manual runtime unit tests for missing components. How should tsconfig.json be configured under vueCompilerOptions to force vue-tsc to flag missing or misnamed template components as build-time type errors?
| Checked | Without skill | With skill |
|---|---|---|
| Recommends setting strictTemplates to true inside vueCompilerOptions in tsconfig.json | Missed | Passed |
The instructions your model reads when the skill loads.
| Rule | Keywords | Description |
|---|---|---|
| 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 |
| 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 |
skill://vue-best-practices/rules/codeactions-save-performance.mdskill://vue-best-practices/rules/data-attributes-config.mdtest cases passed, vs 7 / 8 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.