import { createRouter, createWebHistory } from "vue-router";

const routes = [
  {
    path: "/",
    redirect: "/managed-services",
  },
  {
    path: "/managed-services",
    name: "ManagedServices",
    component: () => import("@/views/ManagedServices.vue"),
    meta: { title: "Managed Services" },
  },
  {
    path: "/managed-services/:id",
    name: "ManagedServiceDetail",
    component: () => import("@/views/ManagedServiceDetail.vue"),
    meta: { title: "Managed Service Detail" },
  },
  {
    path: "/web-devices",
    name: "WebDevices",
    component: () => import("@/views/WebDevices.vue"),
    meta: { title: "Web Devices" },
  },
  {
    path: "/:pathMatch(.*)*",
    redirect: "/managed-services",
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;