import { createRouter, createWebHistory } from "vue-router";
import HomeView from "@/views/HomeView.vue";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  scrollBehavior() {
    return { top: 0, behavior: "smooth" };
  },
  routes: [
    {
      path: "/",
      name: "home",
      component: HomeView,
    },
    {
      path: "/general",
      name: "general",
      component: () => import("@/views/GeneralView.vue"),
    },
    {
      path: "/anatomy",
      name: "anatomy",
      component: () => import("@/views/AnatomyView.vue"),
    },
    {
      path: "/clothing",
      name: "clothing",
      component: () => import("@/views/ClothingView.vue"),
    },
    {
      path: "/abilities",
      name: "abilities",
      component: () => import("@/views/AbilitiesView.vue"),
    },
    {
      path: "/overdrive",
      name: "overdrive",
      component: () => import("@/views/OverdriveView.vue"),
    },
  ],
});

export default router;