Configure Link in Menu
To Add new link in Sidemenu
Following are the fundamental building blocks to creating a
new link.
├── src
├──shared
├──Sidebar
├──Sidebar.vue
<script>
export default {
data() {
return {
MENUITEMS: [
{
headTitle: "dashboard",
},
{
path: `${import.meta.env.BASE_URL}dashboard`,
title: "Dashboard",
type: "link",
icon: "ti-home",
active: true,
},
{
title: "Crypto Currencies",
icon: "ti-wallet",
type: "sub",
active: false,
children: [
{
path: `${import.meta.env.BASE_URL}crypto/crypto-dashboard`,
title: "Dashboard",
type: "link",
active: false,
},
{
path: `${import.meta.env.BASE_URL}crypto/marketcap`,
title: "Marketcap",
type: "link",
active: false,
},
{
path: `${import.meta.env.BASE_URL}crypto/currency-exchange`,
title: "Currency Exchange",
type: "link",
active: false,
},
{
path: `${import.meta.env.BASE_URL}crypto/buy-sell`,
title: "Buy & Sell",
type: "link",
active: false,
},
}
}
}
</script>