@demosify/core/src/js/router.js

import _demoList from '.demoList.json';
import Vue from 'vue/dist/vue.esm';
import VueRouter from 'vue-router';
import bus from '@/js/eventbus.js';

import VesselPage from '@/pages/vessel.vue';
import NotFoundPage from '@/pages/notFound.vue';

Vue.use(VueRouter);

const demoList = _demoList.map(demo => {
  if (typeof demo !== 'string') demo = demo.src;
  return demo;
});

const demoRoutes = demoList.map(demoName => ({
  name: demoName,
  path: `/${demoName}`,
  component: VesselPage
}));

const defaultRoute = {
  path: '/',
  redirect: { name: demoList[0] }
};

const nfpRoute = {
  path: '/404',
  component: NotFoundPage
};

const unexistRouter = {
  path: '*',
  component: NotFoundPage
};

const routes = [defaultRoute, ...demoRoutes, nfpRoute, unexistRouter];

const router = new VueRouter({
  routes
});

router.beforeEach((to, from, next) => {
  if (to.name && demoList.indexOf(to.name) > -1) {
    bus.$emit('setBoxes', to.name);
  } else if (to.name) {
    router.push({ path: '/404' });
  }
  next();
});

window.router = router;
export default router;