# LINE Order App

LINE订餐系统 - 基于Vue 3 + LIFF的移动端Web应用

## 技术栈

- **框架**: Vue 3 (Composition API)
- **构建工具**: Vite 5
- **状态管理**: Pinia 2
- **路由**: Vue Router 4
- **UI组件**: Vant 4
- **HTTP请求**: Axios
- **WebSocket**: Socket.IO Client
- **国际化**: vue-i18n 9
- **LINE SDK**: @line/liff
- **工具库**: dayjs, @vueuse/core

## 项目结构

```
line-order-app/
├── public/              # 静态资源
├── src/
│   ├── api/            # API接口
│   ├── assets/         # 资源文件
│   ├── components/     # 组件
│   ├── composables/    # 组合式函数
│   ├── config/         # 配置
│   ├── locale/         # 国际化
│   ├── router/         # 路由
│   ├── store/          # 状态管理
│   ├── utils/          # 工具函数
│   ├── views/          # 页面
│   ├── App.vue         # 根组件
│   └── main.js         # 入口文件
├── .env.development    # 开发环境变量
├── .env.production     # 生产环境变量
├── vite.config.js      # Vite配置
├── package.json
└── README.md
```

## 开发指南

### 环境要求

- Node.js >= 18.0.0
- npm >= 9.0.0

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产

```bash
npm run build
```

### 预览构建结果

```bash
npm run preview
```

## 环境配置

### 开发环境 (.env.development)

- `VITE_API_URL`: API地址
- `VITE_WS_URL`: WebSocket地址
- `VITE_LIFF_ID`: LINE LIFF ID
- `VITE_TENANT_ID`: 租户ID

### 生产环境 (.env.production)

同上

## LIFF配置

1. 在 [LINE Developers Console](https://developers.line.biz/console/) 创建LIFF应用
2. 获取LIFF ID
3. 配置到环境变量 `VITE_LIFF_ID`

## 重构进度

详见 [REFACTOR_PLAN.md](./REFACTOR_PLAN.md)

## License

MIT