@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') return 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;