footer-menu.ts

頁尾連結、群組、社群連結和法律連結。

發布於 2026年9月20日

config/footer-menu.ts 設定頁尾導覽，範本預設只填寫 links。範本內附的頁尾元件也會顯示 groups，social 中則只有外部連結且使用指定圖示的項目才會顯示。這個元件不讀取 legal 和最上層的 meta。

`links`

一般頁尾連結陣列，每個項目都使用與 header-menu.ts 相同的導覽項目物件。

順序	`label.value`	`label.key`	`pathname`
1	About Us	`components.footer.nav.about`	`/about`
2	Terms of Service	`components.footer.nav.terms`	`/terms`
3	Privacy Policy	`components.footer.nav.privacy`	`/privacy`
4	Cookie Policy	`components.footer.nav.cookie`	`/cookies`

`groups`

選用的連結群組物件。物件的鍵是群組 ID，每個群組包含 title、items 和選用的 meta。

`title`

Prop

Type

`items`

群組中的導覽項目陣列，每個項目都使用下方的導覽項目欄位。

`meta`

群組附加資料，型別為 Record<string, unknown>。

選用的社群平台連結陣列，每個項目都使用導覽項目物件。內附的頁尾元件只顯示 external: true，而且 icon 為 github 或 youtube 的項目。

`legal`

選用的法律頁面連結陣列，每個項目都使用導覽物件。範本內附的頁尾元件不讀取這個欄位。

`meta`

頁尾設定的附加資料，型別為 Record<string, unknown>。範本內附的頁尾元件不讀取這個欄位。

導覽項目也可以填寫 badge、visibility、match、children 和 meta，欄位格式與 header-menu.ts 相同。範本內附的頁尾元件不讀取這些欄位。