Qoder CN

"帮我补全这个 Vue 3 组件：
- 第一步：描述功能——一个带搜索和分页的用户列表
- 第二步：指定技术栈——Vue 3 + TypeScript + Element Plus
- 第三步：指定需求——支持按姓名搜索，每页10条，点击行跳转详情页
- 第四步：指定输出——完整的 SFC 单文件组件
要求：使用 Composition API，类型定义完整"

"帮我排查这段代码的 Bug：
- 第一步：描述现象——API 返回数据后页面显示 undefined
- 第二步：粘贴相关代码片段
- 第三步：说明背景——使用 axios 请求后端接口，返回格式为 { code: 0, data: { list: [] } }
- 第四步：指定要求——定位原因并给出修复方案，说明为什么会出现这个问题
要求：解释清楚 data vs data.data 的层级问题"

"帮我理解这个项目的用户权限模块：
- 第一步：描述问题——这个项目的权限控制是怎么实现的？
- 第二步：指定关注点——路由守卫、角色判断、菜单过滤的逻辑
- 第三步：要求输出——用中文梳理权限校验的完整流程
- 第四步：附加——画一个简单的流程图描述
要求：按请求进入→中间件校验→角色判断→页面渲染的顺序梳理"

"帮我生成一个微信小程序的订单列表页面：
- 第一步：描述功能——展示用户历史订单，支持下拉刷新和上拉加载
- 第二步：指定技术栈——微信小程序原生开发 + WeUI
- 第三步：指定列表项——显示订单号、金额、状态、时间，状态用不同颜色标签
- 第四步：指定输出——wxml + wxss + js + json 四个文件
要求：下拉刷新调用 onPullDownRefresh，上拉加载用 onReachBottom"

"为这个日期格式化工具函数生成单元测试：
- 第一步：粘贴函数代码——formatDate(date, pattern) 支持多种日期格式输出
- 第二步：指定测试框架——vitest
- 第三步：指定覆盖范围——正常输入、边界值（闰年/月末）、异常输入（null/undefined）
- 第四步：指定输出——完整测试文件，含 describe/it 结构
要求：每个测试用例说明测试目的"