AgentSkillsCN

vue-best-practices

Vue 3 TypeScript、vue-tsc、Volar、Vite、组件 Props、测试、组合式 API。

SKILL.md
--- frontmatter
name: vue-best-practices
description: Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
license: MIT
metadata:
  author: hyf0
  version: "7.0.0"

Vue Best Practices

Capability Rules

RuleKeywordsDescription
vue-tsc-strict-templatesundefined component, template error, strictTemplatesCatch undefined components in templates
fallthrough-attributesfallthrough, $attrs, wrapper componentType-check fallthrough attributes
strict-css-modulescss modules, $style, typoCatch CSS module class typos
data-attributes-configdata-*, strictTemplates, attributeAllow data-* attributes
volar-3-breaking-changesvolar, vue-language-server, editorFix Volar 3.0 upgrade issues
module-resolution-bundlercannot find module, @vue/tsconfig, moduleResolutionFix module resolution errors
unplugin-auto-import-conflictsunplugin, auto-import, types anyFix unplugin type conflicts
codeactions-save-performanceslow save, vscode, performanceFix slow save in large projects
duplicate-plugin-detectionduplicate plugin, vite, vue pluginDetect duplicate plugins
define-model-update-eventdefineModel, update event, undefinedFix model update errors
with-defaults-union-typeswithDefaults, union type, defaultFix union type defaults
deep-watch-numericwatch, deep, array, Vue 3.5Efficient array watching
vue-directive-comments@vue-ignore, @vue-skip, templateControl template type checking
script-setup-jsdocjsdoc, script setup, documentationAdd JSDoc to script setup
vue-router-typed-paramsroute params, typed router, unpluginFix route params typing

Efficiency Rules

RuleKeywordsDescription
hmr-vue-ssrhmr, ssr, hot reloadFix HMR in SSR apps
pinia-store-mockingpinia, mock, vitest, storeMock Pinia stores

Reference


📦 可用资源

  • skill://vue-best-practices/rules/codeactions-save-performance.md
  • skill://vue-best-practices/rules/data-attributes-config.md
  • skill://vue-best-practices/rules/deep-watch-numeric.md
  • skill://vue-best-practices/rules/define-model-update-event.md
  • skill://vue-best-practices/rules/duplicate-plugin-detection.md
  • skill://vue-best-practices/rules/fallthrough-attributes.md
  • skill://vue-best-practices/rules/hmr-vue-ssr.md
  • skill://vue-best-practices/rules/module-resolution-bundler.md
  • skill://vue-best-practices/rules/pinia-store-mocking.md
  • skill://vue-best-practices/rules/script-setup-jsdoc.md
  • skill://vue-best-practices/rules/strict-css-modules.md
  • skill://vue-best-practices/rules/unplugin-auto-import-conflicts.md
  • skill://vue-best-practices/rules/volar-3-breaking-changes.md
  • skill://vue-best-practices/rules/vue-directive-comments.md
  • skill://vue-best-practices/rules/vue-router-typed-params.md
  • skill://vue-best-practices/rules/vue-tsc-strict-templates.md
  • skill://vue-best-practices/rules/with-defaults-union-types.md

根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载