| 1 | import { createRouter, createWebHistory } from "vue-router"; |
| 2 | import HomeView from "../views/HomeView.vue"; |
| 3 | |
| 4 | const router = createRouter({ |
| 5 | history: createWebHistory(import.meta.env.BASE_URL), |
| 6 | routes: [ |
| 7 | { |
| 8 | path: "/", |
| 9 | name: "home", |
| 10 | component: HomeView, |
| 11 | }, |
| 12 | { |
| 13 | path: "/about", |
| 14 | name: "about", |
| 15 | // route level code-splitting |
| 16 | // this generates a separate chunk (About.[hash].js) for this route |
| 17 | // which is lazy-loaded when the route is visited. |
| 18 | component: () => import("../views/AboutView.vue"), |
| 19 | }, |
| 20 | ], |
| 21 | }); |
| 22 | |
| 23 | export default router; |