import Vue from "vue";
import VueRouter, { RouteConfig } from "vue-router";

import CalculatorView from "@/calculator/Calculator.vue";
import { calculatorRouter } from "@/calculator/router";
import ExplorerView from "@/explorer/Explorer.vue";
import { explorerRouter } from "@/explorer/router";
import OtherView from "@/other/OtherView.vue";
import { otherRoutes } from "@/other/router";
import PortalView from "@/portal/Portal.vue";
import { portalRouter } from "@/portal/router";

Vue.use(VueRouter);

const routes: Array<RouteConfig> = [
  {
    component: PortalView,
    path: "/",
    children: portalRouter,
  },
  {
    component: ExplorerView,
    path: "/explorer",
    children: explorerRouter,
  },
  {
    component: CalculatorView,
    path: "/calculator",
    children: calculatorRouter,
  },
  {
    component: OtherView,
    path: "/other",
    children: otherRoutes,
  },
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;