diff --git a/docs/FRONTEND_ARCHITECTURE.md b/docs/FRONTEND_ARCHITECTURE.md index 93be8e9..fcfb76a 100644 --- a/docs/FRONTEND_ARCHITECTURE.md +++ b/docs/FRONTEND_ARCHITECTURE.md @@ -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` diff --git a/docs/FRONTEND_IMPLEMENTATION_CHECKLIST.md b/docs/FRONTEND_IMPLEMENTATION_CHECKLIST.md index bbd6902..867d766 100644 --- a/docs/FRONTEND_IMPLEMENTATION_CHECKLIST.md +++ b/docs/FRONTEND_IMPLEMENTATION_CHECKLIST.md @@ -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 對接