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 |

TypeScript、vue-tsc、Volar の Vue 3 と Vue.js のベスト プラクティス。このスキルは、Vue コンポーネントを作成、レビュー、またはリファクタリングするときに使用して、正しい入力パターンを確保する必要があります。 Vue コンポーネント、props 抽出、ラッパー コンポーネント、テンプレート タイプ チェック、または Volar 構成に関連するタスクをトリガーします。 ソース: prorise-cool/prorise-claude-skills。

原文を見る