docs: add architecture strategy and Vuetify MCP guidance

This commit is contained in:
skytek_xinliang
2026-05-18 16:56:21 +08:00
parent 130a907351
commit 005ba663d6
3 changed files with 551 additions and 0 deletions
+17
View File
@@ -25,3 +25,20 @@ import { mdiAccount } from '@mdi/js'
<v-icon :icon="mdiAccount" />
</template>
```
## Vuetify MCP
- When looking up Vuetify versions, release notes, component APIs, directive APIs, installation guides, FAQs, feature guides, or package exports, use Vuetify MCP first.
- When a question involves Vuetify component props, events, slots, exposed methods, generated DOM, accessibility output, or officially supported extension points, verify with Vuetify MCP before changing the implementation.
- Prefer the official API and documentation information returned by MCP. Do not infer Vuetify behavior.
### 常用工具
- `get_release_notes_by_version`: 查詢指定版本或 latest 的 release notes。
- `get_component_api_by_version`: 查詢指定 Vuetify 元件的 props、events、slots、exposed methods。
- `get_directive_api_by_version`: 查詢指定 Vuetify directive 的 API。
- `get_vuetify_api_by_version`: 下載並快取指定版本的 Vuetify API types。
- `get_installation_guide`: 查詢 Vite、Nuxt、Laravel、CDN 等安裝方式。
- `get_feature_guide`: 查詢 theme、icons、i18n、display、layout 等功能指南。
- `get_exposed_exports`: 查詢 Vuetify npm package 可匯出的項目。
- `get_frequently_asked_questions`: 查詢 Vuetify FAQ。