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

const routes = [
  {
    path: "/",
    redirect: "home",
  },
  {
    path: "/home",
    name: "home",
    component: () => import("@/views/home/index.vue"),
    // beforeEnter: (to, from, next) => {

    //     localStorage.clear()
    //     next()
    // }
  },
  {
    path: "/contacts",
    name: "contacts",
    component: () => import("@/views/contacts/index.vue"),
  },
  {
    path: "/companyoverview",
    name: "companyoverview",
    component: () => import("@/views/companyoverview/index.vue"),
  },
  {
    path: "/myhome",
    name: "myHome",
    component: () => import("@/views/myHome/index.vue"),
  },
  {
    path: "/businessservices",
    name: "BusinessServices",
    component: () => import("@/views/BusinessServices/index.vue"),
  },
  {
    path: "/manage",
    name: "manage",
    component: () => import("@/views/manage/index.vue"),
  },
  // {
  //     path: '/companyprofil',
  //     name: 'Companyprofil',
  //     component: () => import('@/views/companyprofil/index.vue'),
  // },
  // {
  //     path: '/companyprofildetail',
  //     name: 'Companyprofildetail',
  //     component: () => import('@/views/companyprofildetail/index.vue'),
  // },
  // {
  //     path: '/businessintroduction',
  //     name: 'Businessintroduction',
  //     component: () => import('@/views/businessintroduction/index.vue'),
  // },
  // {
  //     path: '/investor',
  //     name: 'Investor',
  //     component: () => import('@/views/investor/index.vue'),
  // },
  // {
  //     path: '/investorhandbook',
  //     name: 'Investorhandbook',
  //     component: () => import('@/views/investorhandbook/index.vue'),
  // },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});
router.beforeEach((to, from, next) => {
  if (to.meta?.title) {
    document.title = to.meta.title;
  }
  next();
});
setupRouterGuards(router);
export default router;