vue

name	vue
description	Vue 组件开发与代码审查技能 - 开发模式：描述需求时生成高质量 Vue 组件/Composable - 审查模式：/vue <path> 审查该路径下所有 Vue 文件
argument-hint	描述需求 或 /vue <path>
user-invocable	true
paths	["**/*.vue"]

Vue 组件开发技能

功能说明

开发模式

当用户描述需求时，生成高质量的 Vue 代码：

创建一个用户列表组件
封装 Element Plus 的 Table 组件
写一个 useTable composable
这个组件太大了，帮我拆分

触发条件：用户描述包含"创建"、"生成"、"封装"、"编写"、"拆分"等关键词

审查模式

当用户使用 /vue <path> 命令时，审查指定路径下的 Vue 文件：

/vue src/components
/vue src/views/Dashboard.vue
/vue                          # 审查当前目录

---

模式分发

1. 开发模式

执行流程：

1. 需求解析 — 理解用户想要实现的功能
2. 类型判断 — 使用决策树确定组件类型
3. 代码生成 — 按照规范生成代码
4. 类型提示 — 确保完整的 TypeScript 类型定义

2. 审查模式

执行流程：

1. 文件扫描 — 使用 Glob 查找指定路径下的所有 .vue 和 composables 文件