feat: import router link icons into route meta

This commit is contained in:
Sebin Nyshkim 2022-09-29 02:35:35 +02:00
parent 4fdba3c7e5
commit 6548750aa2

View file

@ -1,6 +1,11 @@
import { createRouter, createWebHistory } from "vue-router"; import { createRouter, createWebHistory } from "vue-router";
import HomeView from "../views/HomeView.vue"; 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({ const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL), history: createWebHistory(import.meta.env.BASE_URL),
scrollBehavior: () => { scrollBehavior: () => {
@ -13,6 +18,7 @@ const router = createRouter({
component: HomeView, component: HomeView,
meta: { meta: {
title: "Home", title: "Home",
icon: HomeIcon,
}, },
}, },
{ {
@ -21,6 +27,7 @@ const router = createRouter({
component: () => import("@/views/GeneralView.vue"), component: () => import("@/views/GeneralView.vue"),
meta: { meta: {
title: "General", title: "General",
icon: IdCardIcon,
}, },
}, },
{ {
@ -29,6 +36,7 @@ const router = createRouter({
component: () => import("@/views/AnatomyView.vue"), component: () => import("@/views/AnatomyView.vue"),
meta: { meta: {
title: "Anatomy", title: "Anatomy",
icon: PaletteIcon,
}, },
}, },
{ {
@ -37,6 +45,7 @@ const router = createRouter({
component: () => import("@/views/CareerPathView.vue"), component: () => import("@/views/CareerPathView.vue"),
meta: { meta: {
title: "Career Path", title: "Career Path",
icon: BriefcaseIcon,
}, },
}, },
], ],