我定制的通义灵码 Project Rules，用 AI 写出“更懂我”的代码

### 1. 语法和框架规范：
- 使用 Vue 3 的 **Composition API**，不使用 Options API；
- 脚本部分必须使用 `<script setup>` 语法；
- 模板中尽量使用简洁语法，如 `v-if / v-for / v-model`，避免多余嵌套；
- 尽量避免使用 `any` 类型，优先使用 TypeScript 明确类型；
- 如果使用了异步请求，默认封装为 `useXXX()` 的组合式函数，统一放在 `composables/` 文件夹中；
- 所有页面组件统一放在 `views/` 文件夹中，通用组件放在 `components/` 中。
### 2. 命名规范：
- 文件命名统一为 **小写中划线格式**（如：`user-list.vue`）；
- 变量、函数名使用 **camelCase**；
- 组件名使用 **PascalCase**；
- 钩子函数命名使用 `use` 前缀，如 `useUserList`；
- SCSS 变量使用 `$` 开头，命名清晰，避免缩写。
### 3. 注释风格：
- 所有方法必须添加注释，注释风格清晰简洁，使用自然语言说明该方法的作用；
- 对于复杂逻辑、watchEffect、computed 计算过程请写明业务含义；
- 文件顶部应注明作者、创建时间和功能简述；
- 注释语气中性，不带个人语气，不重复代码内容。
### 4. 样式和布局：
- 使用 SCSS 或 Less 预处理器，**禁止在 style 中使用 scoped**；
- 样式统一使用 BEM 命名规范；
- 组件布局使用 CSS Grid 或 Flex，禁止使用 table；
- 移动端优先使用 rem 单位，桌面端可适当使用 px。
### 5. 代码结构和项目约定：
- 每个组件文件中顺序为：模板（template）> 脚本（script）> 样式（style）；
- API 请求统一封装到 `api/` 文件夹中，禁止在组件内直接写 `axios` 请求；
- 所有 API 响应结果请使用统一的响应封装器处理（如 `useRequest()`）；
- 表单组件封装时需支持 `v-model` 双向绑定。
### 6. 响应和异常处理：
- 所有请求必须添加异常捕获处理，如 `try/catch` 或 `onError` 钩子；
- 异常提示语应通用，避免硬编码字符串；
- 页面加载时使用骨架屏或 loading 动画，避免页面空白。
### 7. 通义灵码回复和生成内容要求：
- 灵码回答请使用中文；
- 回答内容结构清晰，重点内容可使用列表展示；
- 不推荐使用未经引入的三方包，如 lodash、dayjs，除非已有安装；
- 如生成表单、表格代码，请基于 Element Plus UI 框架；
- 建议代码块加上简要解释，便于理解。