Refactor MasterDetailMntC.vue for improved readability and consistency

src/services/README.md

@@ -1,10 +1,10 @@
 元件 (Component)
-    ↓ 呼叫
-Store (Pinia)     ← 管理狀態、快取
-    ↓ 呼叫
-API Service       ← 封裝業務邏輯
-    ↓ 呼叫
-HTTP Client       ← Axios 實例、攔截器
+↓ 呼叫
+Store (Pinia) ← 管理狀態、快取
+↓ 呼叫
+API Service ← 封裝業務邏輯
+↓ 呼叫
+HTTP Client ← Axios 實例、攔截器
 
 ## 目前的資料流（以登入為例）
 
@@ -27,12 +27,12 @@ HTTP Client       ← Axios 實例、攔截器
 
 ```ts
 interface MenuNode {
-  mdl_id: string      // 模組 ID
-  mdl_name: string    // 模組名稱
-  unt_id?: string     // 單位 ID
-  unt_name?: string   // 單位名稱
-  fnc_id?: string     // 功能 ID
-  fnc_name?: string   // 功能名稱
+  mdl_id: string // 模組 ID
+  mdl_name: string // 模組名稱
+  unt_id?: string // 單位 ID
+  unt_name?: string // 單位名稱
+  fnc_id?: string // 功能 ID
+  fnc_name?: string // 功能名稱
   children?: MenuNode[]
 }
 ```
@@ -46,6 +46,7 @@ interface MenuNode {
 ### Store 持久化
 
 `stores/menu.ts` 提供：
+
 - 自動 localStorage 持久化選單與收藏
 - 初始化時自動還原資料
 - 登出時清除快取
@@ -105,10 +106,10 @@ Store 仍然是「唯一負責更新 token 的地方」，Interceptor 只負責
 - `normalizeError` 會將取消行為轉為 `CanceledRequestError`
 - UI 不顯示取消造成的錯誤訊息
 
-| DECISION | WHY | WHY NOT |
-|---|---|---|
-| Store 呼叫 API，不是元件直接呼叫 | 狀態集中管理、可快取、易測試 | 元件直接呼叫會導致狀態散落 |
-| API 模組化（userApi、orderApi）| 關注點分離、好維護 | 全塞一個檔案會變超大 |
-| Interceptor 獨立檔案| 單一職責、好測試 | 寫在 client.ts 會雜亂 |
-| 泛型 ApiResponse<T>| 型別安全、IDE 提示 | 用 any 會失去 TS 優勢 |
-| API 前綴使用 `/api` | 使用習慣一致、搭配 Vite proxy 容易理解 | 若前端資料夾也叫 `api` 容易造成路徑衝突，因此此專案改名為 `services` |
+| DECISION                         | WHY                                    | WHY NOT                                                              |
+| -------------------------------- | -------------------------------------- | -------------------------------------------------------------------- |
+| Store 呼叫 API，不是元件直接呼叫 | 狀態集中管理、可快取、易測試           | 元件直接呼叫會導致狀態散落                                           |
+| API 模組化（userApi、orderApi）  | 關注點分離、好維護                     | 全塞一個檔案會變超大                                                 |
+| Interceptor 獨立檔案             | 單一職責、好測試                       | 寫在 client.ts 會雜亂                                                |
+| 泛型 ApiResponse<T>              | 型別安全、IDE 提示                     | 用 any 會失去 TS 優勢                                                |
+| API 前綴使用 `/api`              | 使用習慣一致、搭配 Vite proxy 容易理解 | 若前端資料夾也叫 `api` 容易造成路徑衝突，因此此專案改名為 `services` |