docs: switch frontend handoff docs to pure javascript

This commit is contained in:
Chris
2026-03-29 23:18:08 +08:00
parent a880c99857
commit d1a5ad2819
2 changed files with 12 additions and 12 deletions

View File

@@ -11,28 +11,28 @@
- 密碼重設流程(導向 Authentik
## 2. 建議技術堆疊
- Vue 3 + Vite + TypeScript
- Vue 3 + Vite + JavaScript
- Vue Router
- Pinia
- Axios
- Element Plus + Tailwind
## 3. 建議目錄結構
- `frontend/src/main.ts`
- `frontend/src/router/index.ts`
- `frontend/src/main.js`
- `frontend/src/router/index.js`
- `frontend/src/stores/`
- `auth.ts`token、me、登入狀態
- `permission.ts`snapshot 與快取
- `auth.js`token、me、登入狀態
- `permission.js`snapshot 與快取
- `frontend/src/api/`
- `http.ts`axios instance + interceptor
- `me.ts`
- `permission-admin.ts`
- `http.js`axios instance + interceptor
- `me.js`
- `permission-admin.js`
- `frontend/src/pages/`
- `profile/MePage.vue`
- `permissions/PermissionSnapshotPage.vue`
- `permissions/PermissionAdminPage.vue`
- `frontend/src/types/`
- `api.ts`
- `api.js`
## 4. 路由規劃(第一版)
- `/me`

View File

@@ -1,9 +1,9 @@
# Frontend Implementation Checklist
## A. 專案初始化
- [ ] 建立 `src/api/http.ts`
- [ ] 建立 `src/stores/auth.ts`
- [ ] 建立 `src/stores/permission.ts`
- [ ] 建立 `src/api/http.js`
- [ ] 建立 `src/stores/auth.js`
- [ ] 建立 `src/stores/permission.js`
- [ ] 配置 `VITE_API_BASE_URL`
## B. API 對接