src/app/router.ts - dev - 45case/ptable

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

import CompoundPage from "@/pages/compounds/CompoundPage.vue";
import HomePage from "@/pages/home/HomePage.vue";
import IsotopesPage from "@/pages/isotopes/IsotopesPage.vue";
import NotFoundPage from "@/pages/not-found/NotFoundPage.vue";
import PropertiesPage from "@/pages/properties/PropertiesPage.vue";

const isFileProtocol = typeof window !== "undefined" && window.location.protocol === "file:";

export const router = createRouter({
  history: isFileProtocol ? createWebHashHistory() : createWebHistory(),
  routes: [
    {
      path: "/",
      name: "home",
      component: HomePage,
      meta: { workspace: "periodic" },
    },
    {
      path: "/properties",
      name: "properties",
      component: PropertiesPage,
    },
    {
      path: "/compounds",
      name: "compounds",
      component: CompoundPage,
    },

    {
      path: "/electrons",
      name: "electrons",
      component: HomePage,
      meta: { workspace: "periodic" },
    },
    {
      path: "/isotopes",
      name: "isotopes",
      component: IsotopesPage,
    },
    {
      path: "/:pathMatch(.*)*",
      name: "not-found",
      component: NotFoundPage,
    },
  ],
});