feat: import router link icons into route meta
This commit is contained in:
parent
4fdba3c7e5
commit
6548750aa2
1 changed files with 9 additions and 0 deletions
|
@ -1,6 +1,11 @@
|
|||
import { createRouter, createWebHistory } from "vue-router";
|
||||
import HomeView from "../views/HomeView.vue";
|
||||
|
||||
import HomeIcon from "@/assets/icons/HomeIcon.vue";
|
||||
import IdCardIcon from "@/assets/icons/IdCardIcon.vue";
|
||||
import PaletteIcon from "@/assets/icons/PaletteIcon.vue";
|
||||
import BriefcaseIcon from "@/assets/icons/BriefcaseIcon.vue";
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
scrollBehavior: () => {
|
||||
|
@ -13,6 +18,7 @@ const router = createRouter({
|
|||
component: HomeView,
|
||||
meta: {
|
||||
title: "Home",
|
||||
icon: HomeIcon,
|
||||
},
|
||||
},
|
||||
{
|
||||
|
@ -21,6 +27,7 @@ const router = createRouter({
|
|||
component: () => import("@/views/GeneralView.vue"),
|
||||
meta: {
|
||||
title: "General",
|
||||
icon: IdCardIcon,
|
||||
},
|
||||
},
|
||||
{
|
||||
|
@ -29,6 +36,7 @@ const router = createRouter({
|
|||
component: () => import("@/views/AnatomyView.vue"),
|
||||
meta: {
|
||||
title: "Anatomy",
|
||||
icon: PaletteIcon,
|
||||
},
|
||||
},
|
||||
{
|
||||
|
@ -37,6 +45,7 @@ const router = createRouter({
|
|||
component: () => import("@/views/CareerPathView.vue"),
|
||||
meta: {
|
||||
title: "Career Path",
|
||||
icon: BriefcaseIcon,
|
||||
},
|
||||
},
|
||||
],
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue