Full dynamic router loop

full-dynamic-router-loop.js

const requireModule = require.context("./views", false, /\.vue$/);
let routes = [];
requireModule.keys().map(file => {
  const moduleName = file.split("/")[1].split(".vue")[0];
  const url = moduleName.replace(/([a-zA-Z])(?=[A-Z])/g, "$1-").toLowerCase();

  if (moduleName.match(new RegExp(/^[A-Z]/)) === null) {
    throw `Page file name must start with uppercase - ${file}`;
  }

  const viewComponent = requireModule(file).default;

  if (viewComponent.name !== url) {
    throw `[${file}] Page file name is not consistant with module name - expected ${url}, found ${viewComponent.name}`;
  }

  routes.push({
    path: `/${url}`,
    name: url,
    component: () => import(`./views/${moduleName}.vue`),
    meta: {
      requiresAuth: setAuth(moduleName),
      title: viewComponent.title,
    }
  });
});

// for Vue Router
export default new VueRouter({
  routes
});


// for Ionic Vue Router
export default new IonicVueRouter({
  routes
});