https://www.youtube.com/@deepcodeinnovations1176/videos

// index.js
import { createRouter, createWebHistory } from "vue-router";

import app from "./app";

const baseRoutes = [];
const routes = baseRoutes.concat(app);

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

/*
이동 로그
router.beforeEach((to, from, next) => {
  console.log(`Navigating to: ${to.name}`);
  next();
});
*/
export default router;

// app.js
import HelloWorld from "../components/HelloWorld.vue";
import HelloTest from "../components/HelloTest.vue";

let routes = [
  {
    path: "/",
    name: "Index",
    component: HelloWorld,
  },
  {
    path: "/world",
    name: "World",
    component: HelloWorld,
  },
  {
    path: "/test",
    name: "Test",
    component: HelloTest,
  },
];

export default routes;