vue-best-practices

SKILL.md

| TypeScript | Props extraction, generic components, useTemplateRef, JSDoc, reactive props destructure | typescript.md | | Volar | IDE config, strictTemplates, CSS modules, directive comments, Volar 3.0 migration | volar.md | | Components | defineModel, deep watch, onWatcherCleanup, useId, deferred teleport | components.md |

| Tooling | moduleResolution, HMR SSR, duplicate plugin detection | tooling.md | | Testing | Pinia store mocking, setup stores, Vue Router typed params | testing.md |

Vue 3 和 Vue.js 針對 TypeScript、vue-tsc、Volar 和元件模式的最佳實務。使用 TypeScript 編寫、審查或重構 Vue 3 元件、配置 Volar/vueCompilerOptions、擷取元件類型、使用 DefineModel/withDefaults、設定 Pinia 商店測試或偵錯 Vue 工具問題時使用。觸發 Vue 組件、props 提取、包裝器組件、模板類型檢查、strictTemplates、vueCompilerOptions、Volar 3、CSS 模組、fallthrough 屬性、defineModel、withDefaults、深度監視、vue-router 類型參數、Pisolnia 模擬、HMR SSR、modResolution捆綁器、useTemplateRef、onWatcherCleanup、useId、通用組件、反應式 props 解構。 來源：ejirocodes/agent-skills。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/ejirocodes/agent-skills --skill vue-best-practices 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

查看原文