# Frontend TaskPlan

## 目標
完成 member.ose.tw 前端（Vue3 + JS + Vite + Element Plus + Tailwind），可獨立完成登入、查看個人資料、查看權限、管理授權。

## 已完成（依目前程式）
- [x] Vite + Vue3 專案結構
- [x] Element Plus + Tailwind 基礎接入
- [x] Router 與頁面骨架
- [x] `LoginPage`（token 輸入）
- [x] `MePage`（`GET /me`）
- [x] `PermissionSnapshotPage`（`GET /me/permissions/snapshot`）
- [x] `PermissionAdminPage`（grant/revoke）
- [x] Pinia store（auth + permission）
- [x] Axios 分離 user/admin client
- [x] Production build 可通過

## 進行中（建議近期）
- [ ] 補路由守衛策略（是否限制 `/admin/permissions` 需登入）
- [ ] 錯誤訊息 i18n 與統一顯示格式
- [ ] 新增操作完成後自動刷新快照的 UX

## 待辦（上線前）
- [ ] 增加 e2e / UI smoke 測試
- [ ] 優化 bundle size（目前 main chunk 偏大）
- [ ] 加入環境切換策略（dev/staging/prod）
- [ ] 加入登入來源與 token 取得說明頁

## 驗收條件
- [ ] 未登入時導向登入頁行為正確
- [ ] 登入後可穩定讀取 `/me` 與快照
- [ ] 管理頁 grant/revoke 成功與錯誤提示完整
- [ ] 與後端契約文件一致（`FRONTEND_API_CONTRACT.md`）