# DELIVERY PLATFORM UI

**Part of:** craftlabs-authorization-sdk (暂合工作区)
**Stack:** Vue 3 + JavaScript + Vite
**Build:** npm, 47 source files

## STRUCTURE

```
delivery-platform-ui/
├── src/
│   ├── views/               # 38 Vue components — main UI pages
│   ├── router/index.js      # Frontend routing
│   ├── stores/              # Pinia stores (state management)
│   ├── utils/               # Utility functions
│   ├── directives/          # Custom Vue directives
│   ├── api/                 # API client layer
│   └── App.vue              # Root component
├── public/                  # Static assets
├── package.json
└── dist/                    # Production builds
```

## WHERE TO LOOK

| Task | Location | Notes |
|------|----------|-------|
| View pages | `src/views/` | 38 组件, 按业务域组织 |
| Routes | `src/router/index.js` | 路由定义 |
| State management | `src/stores/` | Pinia stores |
| API calls | `src/api/` | HTTP client config |
| Utils | `src/utils/` | Shared helpers |

## CONVENTIONS

- **Composition API** — 项目使用 `<script setup>` (Composition API)
- **View-centric** — 视图层集中 `views/`, 组件粒度较粗
- **JavaScript** — 当前为 `.js` + `.vue`, 非 TypeScript
- **Routing** — Hash mode (`vue-router`), 按业务模块组织

## ANTI-PATTERNS

- **Do not** introduce Options API — keep `<script setup>` consistent
- **Do not** add TypeScript without codebase-wide migration — stay with JS