Vue 支援自定義指令，如 v-role，可用來設計網站權限。只需在 template 中使用 v-role 設定會員權限即可。這些指令可應用於 router，實現選單的顯示與隱藏，並可連接後端資料庫動態修改會員權限。

在 main.ts 中定義指令，並封裝後匯入。使用 pinia 管理 roles data，或暫存於 localStorage。設置 router meta 定義不同權限的訪問路由，使用 nav guard 確保未授權用戶被導回 /home。...