# 05 H5 / Vue 规范

适用：`apps/user-h5`、`apps/admin-h5`。

## 栈

Vue 3 + TypeScript + Vite + Vue Router + Pinia。

## 目录

```
src/
  components/
  pages/
  layouts/
  hooks/
  api/          # 仅薄封装 → @yuxingu/sdk
  stores/
  utils/
  router/
  assets/
```

## 组件命名

- 文件与组件名：`PascalCase`，如 `UserCard.vue`、`OrderTable.vue`。
- 禁止：`usercard.vue`、`aaa.vue`。

## 数据请求

- 页面 / 组件内禁止直接 `fetch`/`axios` 拼完整 URL。
- 经 `src/api/*` → `@yuxingu/sdk`。

## 风格

- 移动优先；品牌色见 `packages/ui` token。
- 单文件建议 ≤ 300 行，复杂页拆子组件与 composable（`hooks/`）。

## 路由

- 与产品 5 Tab 对齐：`/` `explore` `ask` `companion` `mine`；二级页如 `/decode`、`/scales/:slug`。