Web_Template_Vue3_Dev/AI-Coding/13-Component-Inventory.md

13. 组件清单（library/components）

目的：让 AI 在新项目中“选组件/抽组件”时，先从可复用目录清单开始，避免漏组件或重复造轮子。

组件根目录

• library/components/（约定：每个 Vab* 目录是一组可复用组件）

当前组件目录（按仓库实际目录列出）

• VabApp：应用壳/全局 Provider
• VabAppMain：主内容区（与 Layout 配合）
• VabAvatar
• VabBreadcrumb
• VabCard
• VabColorfulCard
• VabColumnBar
• VabErrorLog
• VabFold
• VabFooter
• VabFullScreen
• VabHeader
• VabLanguage
• VabLink
• VabLock
• VabLogo
• VabMenu
• VabNav
• VabNotice
• VabQueryForm
• VabRefresh
• VabRouterView
• VabSearch
• VabSideBar
• VabTabs
• VabTheme

抽取建议（最小闭包）

• 优先使用任务模板：openspec-lite/tasks/extract-component.yaml
• 若组件涉及 Layout/Theme：先抽 layouts 与 vab-theme，再补 store-settings 与 plugin-vab

高耦合组件规格（机读）：

• vab-app-main：openspec-lite/modules/vab-app-main.yaml
• vab-avatar：openspec-lite/modules/vab-avatar.yaml
• vab-breadcrumb：openspec-lite/modules/vab-breadcrumb.yaml
• vab-card：openspec-lite/modules/vab-card.yaml
• vab-colorful-card：openspec-lite/modules/vab-colorful-card.yaml
• vab-column-bar：openspec-lite/modules/vab-column-bar.yaml
• vab-router-view：openspec-lite/modules/vab-router-view.yaml
• vab-error-log：openspec-lite/modules/vab-error-log.yaml
• vab-fold：openspec-lite/modules/vab-fold.yaml
• vab-query-form：openspec-lite/modules/vab-query-form.yaml
• vab-refresh：openspec-lite/modules/vab-refresh.yaml
• vab-search：openspec-lite/modules/vab-search.yaml
• vab-lock：openspec-lite/modules/vab-lock.yaml
• vab-notice：openspec-lite/modules/vab-notice.yaml
• vab-logo：openspec-lite/modules/vab-logo.yaml
• vab-nav：openspec-lite/modules/vab-nav.yaml
• vab-language：openspec-lite/modules/vab-language.yaml
• vab-full-screen：openspec-lite/modules/vab-full-screen.yaml
• vab-footer：openspec-lite/modules/vab-footer.yaml
• vab-link：openspec-lite/modules/vab-link.yaml

快速定位（grep/语义检索）

• library/components/<VabName>/index.vue
• VabThemeDrawer / VabThemeSetting
• VabMenu / VabTabs / VabSideBar（通常与路由/权限/store 强相关）