MenuContent - 左側清單佈局

將側邊欄佈局的側邊欄改成可以切換路由的清單。

範例

<template>
	<MenuContent :optionConfigArr="arr">
		右側的主要內容
	</MenuContent>
</template>

<script setup>
import MenuContent from "@/components/layout/MenuContent.vue";

const arr = [
	{ iconName: "圖示名稱", label: "選項名稱", to: "跳轉網址", tooltip: "tooltip" },
];
</script>

• 圖示名稱可以參考 Tocas UI 的 class name，記得去除頭尾的 is-...-icon。
• 跳轉網址同 router-link 的 :to 參數。