const routes = [
  {
    path: "/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/Index.vue") }]
  },
  {

    path: "/overview/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/Overview.vue") }]
  },
  {
    path: "/cache/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/Cache.vue") }]
  },
  {
    path: "/cache/:id",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/Cache.vue") }]
  },
  {
    path: "/station/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/StationEdit.vue") }]
  },
  {
    path: "/station/:cache/:id",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/StationView.vue") }]
  },
  {
    path: "/station-l/:pos",
    path: "/ranking/",
      component: () => import("layouts/MyLayout.vue"),
    children: [{path: "", component: () => import("pages/ranking.vue")}]
  },
{
  path: "/station/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/StationEdit.vue") }]
  },
  {
    path: "/login/",
    component: () => import("layouts/MyLayout.vue"),
    children: [{ path: "", component: () => import("pages/Login.vue") }]
  }
];

// Always leave this as last one
if (process.env.MODE !== "ssr") {
  routes.push({
    path: "*",
    component: () => import("pages/Error404.vue")
  });
}

export default routes;