dashboard/shell/config/router.js

import Vue from 'vue';
import Router from 'vue-router';
import { normalizeURL } from 'ufo';
import { interopDefault } from '../utils/nuxt';

const emptyFn = () => {};

Vue.use(Router);

export const routerOptions = {
  mode: 'history',
  // Note: router base comes from the ROUTER_BASE env var
  base: process.env.routerBase || '/',

  routes: [
    {
      path:      '/',
      component: () => interopDefault(import('../components/templates/default.vue')),
      children:  [
        {
          path:      '',
          component: () => interopDefault(import('../pages/index.vue')),
          name:      'index'
        },
      ]
    },
    {
      path:      '/fail-whale',
      component: () => interopDefault(import('../pages/fail-whale.vue')),
      name:      'fail-whale'
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/blank.vue')),
      name:      'blank',
      children:  [
      ]
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/home.vue')),
      children:  [
        {
          path:      '/home',
          component: () => interopDefault(import('../pages/home.vue')),
          name:      'home'
        },
        {
          path:      '/support',
          component: () => interopDefault(import('../pages/support/index.vue')),
          name:      'support'
        },
      ]
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/plain.vue')),
      name:      'plain',
      children:  [
        {
          path:      '/about',
          component: () => interopDefault(import('../pages/about.vue')),
          name:      'about'
        },
        {
          path:      '/c/:cluster/uiplugins',
          name:      'c-cluster-uiplugins',
          component: () => interopDefault(import('../pages/c/_cluster/uiplugins/index.vue')),
        },

        {
          path:      '/diagnostic',
          component: () => interopDefault(import('../pages/diagnostic.vue')),
          name:      'diagnostic'
        },
        {
          path:      '/prefs',
          component: () => interopDefault(import('../pages/prefs.vue')),
          name:      'prefs'
        },
        {
          path:      '/account',
          component: () => interopDefault(import('../pages/account/index.vue')),
          name:      'account'
        },
        {
          path:      '/account/create-key',
          component: () => interopDefault(import('../pages/account/create-key.vue')),
          name:      'account-create-key'
        },
        {
          path:      'auth',
          component: () => interopDefault(import('../pages/c/_cluster/auth/index.vue')),
          name:      'c-cluster-auth'
        },
        {
          path:      'ecm',
          component: () => interopDefault(import('../pages/c/_cluster/ecm/index.vue')),
          name:      'c-cluster-ecm'
        },
        {
          path:      'settings',
          component: () => interopDefault(import('../pages/c/_cluster/settings/index.vue')),
          name:      'c-cluster-settings'
        }
      ]
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/standalone.vue')),
      name:      'standalone',
      children:  [
      ]
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/unauthenticated.vue')),
      name:      'unauthenticated',
      children:  [
        {
          path:      '/auth/login',
          component: () => interopDefault(import('../pages/auth/login.vue')),
          name:      'auth-login',
        },
        {
          path:      '/auth/logout',
          component: () => interopDefault(import('../pages/auth/logout.vue')),
          name:      'auth-logout'
        },
        {
          path:      '/auth/setup',
          component: () => interopDefault(import('../pages/auth/setup.vue')),
          name:      'auth-setup'
        }, {
          path:      '/auth/verify',
          component: () => interopDefault(import('../pages/auth/verify.vue')),
          name:      'auth-verify'
        },
      ]
    },
    {
      path:      '',
      component: () => interopDefault(import('../components/templates/default.vue')),
      name:      'default',
      children:  [
        {
          path:      '/clusters',
          component: () => interopDefault(import('../pages/clusters/index.vue')),
          name:      'clusters'
        },
        {
          path:      '/c/:cluster',
          name:      'c-cluster',
          component: () => interopDefault(import('../pages/c/_cluster/index.vue')),
        },
        {
          path:      '/c/:cluster/apps',
          component: () => interopDefault(import('../pages/c/_cluster/apps/index.vue')),
          name:      'c-cluster-apps'
        },
        {
          path:      '/c/:cluster/explorer',
          component: () => interopDefault(import('../pages/c/_cluster/explorer/index.vue')),
          name:      'c-cluster-explorer'
        }, {
          path:      '/c/:cluster/backup',
          component: () => interopDefault(import('../pages/c/_cluster/backup/index.vue')),
          name:      'c-cluster-backup'
        }, {
          path:      '/c/:cluster/cis',
          component: () => interopDefault(import('../pages/c/_cluster/cis/index.vue')),
          name:      'c-cluster-cis'
        }, {
          path:      '/c/:cluster/fleet',
          component: () => interopDefault(import('../pages/c/_cluster/fleet/index.vue')),
          name:      'c-cluster-fleet'
        }, {
          path:      '/c/:cluster/gatekeeper',
          component: () => interopDefault(import('../pages/c/_cluster/gatekeeper/index.vue')),
          name:      'c-cluster-gatekeeper'
        }, {
          path:      '/c/:cluster/istio',
          component: () => interopDefault(import('../pages/c/_cluster/istio/index.vue')),
          name:      'c-cluster-istio'
        }, {
          path:      '/c/:cluster/legacy',
          component: () => interopDefault(import('../pages/c/_cluster/legacy/index.vue')),
          name:      'c-cluster-legacy'
        }, {
          path:      '/c/:cluster/logging',
          component: () => interopDefault(import('../pages/c/_cluster/logging/index.vue')),
          name:      'c-cluster-logging'
        }, {
          path:      '/c/:cluster/longhorn',
          component: () => interopDefault(import('../pages/c/_cluster/longhorn/index.vue')),
          name:      'c-cluster-longhorn'
        }, {
          path:      '/c/:cluster/manager',
          component: () => interopDefault(import('../pages/c/_cluster/manager/index.vue')),
          name:      'c-cluster-manager'
        }, {
          path:      '/c/:cluster/mcapps',
          component: () => interopDefault(import('../pages/c/_cluster/mcapps/index.vue')),
          name:      'c-cluster-mcapps'
        }, {
          path:      '/c/:cluster/monitoring',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/index.vue')),
          name:      'c-cluster-monitoring'
        }, {
          path:      '/c/:cluster/neuvector',
          component: () => interopDefault(import('../pages/c/_cluster/neuvector/index.vue')),
          name:      'c-cluster-neuvector'
        }, {
          path:      '/c/:cluster/apps/charts',
          component: () => interopDefault(import('../pages/c/_cluster/apps/charts/index.vue')),
          name:      'c-cluster-apps-charts'
        },
        {
          path:      '/c/:cluster/apps/charts/install',
          component: () => interopDefault(import('../pages/c/_cluster/apps/charts/install.vue')),
          name:      'c-cluster-apps-charts-install'
        },
        {
          path:      '/c/:cluster/auth/config',
          component: () => interopDefault(import('../pages/c/_cluster/auth/config/index.vue')),
          name:      'c-cluster-auth-config'
        }, {
          path:      '/c/:cluster/auth/roles',
          component: () => interopDefault(import('../pages/c/_cluster/auth/roles/index.vue')),
          name:      'c-cluster-auth-roles'
        }, {
          path:      '/c/:cluster/explorer/explorer-utils',
          component: () => interopDefault(import('../pages/c/_cluster/explorer/explorer-utils.js')),
          name:      'c-cluster-explorer-explorer-utils'
        }, {
          path:      '/c/:cluster/explorer/tools',
          component: () => interopDefault(import('../pages/c/_cluster/explorer/tools/index.vue')),
          name:      'c-cluster-explorer-tools'
        }, {
          path:      '/c/:cluster/gatekeeper/constraints',
          component: () => interopDefault(import('../pages/c/_cluster/gatekeeper/constraints/index.vue')),
          name:      'c-cluster-gatekeeper-constraints'
        }, {
          path:      '/c/:cluster/legacy/project',
          component: () => interopDefault(import('../pages/c/_cluster/legacy/project/index.vue')),
          name:      'c-cluster-legacy-project'
        }, {
          path:      '/c/:cluster/manager/cloudCredential',
          component: () => interopDefault(import('../pages/c/_cluster/manager/cloudCredential/index.vue')),
          name:      'c-cluster-manager-cloudCredential'
        }, {
          path:      '/c/:cluster/manager/kontainerDriver',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/kontainerDriver/index.vue')),
          name:      'c-cluster-manager-driver-kontainerdriver'
        }, {
          path:      '/c/:cluster/manager/nodeDriver',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/nodeDriver/index.vue')),
          name:      'c-cluster-manager-driver-nodedriver'
        }, {
          path:      '/c/:cluster/monitoring/alertmanagerconfig',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/alertmanagerconfig/index.vue')),
          name:      'c-cluster-monitoring-alertmanagerconfig'
        }, {
          path:      '/c/:cluster/monitoring/monitor',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/monitor/index.vue')),
          name:      'c-cluster-monitoring-monitor'
        }, {
          path:      '/c/:cluster/monitoring/route-receiver',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/route-receiver/index.vue')),
          name:      'c-cluster-monitoring-route-receiver'
        }, {
          path:      '/c/:cluster/settings/banners',
          component: () => interopDefault(import('../pages/c/_cluster/settings/banners.vue')),
          name:      'c-cluster-settings-banners'
        }, {
          path:      '/c/:cluster/settings/brand',
          component: () => interopDefault(import('../pages/c/_cluster/settings/brand.vue')),
          name:      'c-cluster-settings-brand'
        }, {
          path:      '/c/:cluster/settings/DefaultLinksEditor',
          component: () => interopDefault(import('../pages/c/_cluster/settings/DefaultLinksEditor.vue')),
          name:      'c-cluster-settings-DefaultLinksEditor'
        }, {
          path:      '/c/:cluster/settings/links',
          component: () => interopDefault(import('../pages/c/_cluster/settings/links.vue')),
          name:      'c-cluster-settings-links'
        }, {
          path:      '/c/:cluster/settings/performance',
          component: () => interopDefault(import('../pages/c/_cluster/settings/performance.vue')),
          name:      'c-cluster-settings-performance'
        }, {
          path:      '/c/:cluster/apps/charts/chart',
          component: () => interopDefault(import('../pages/c/_cluster/apps/charts/chart.vue')),
          name:      'c-cluster-apps-charts-chart'
        }, {
          path:      '/c/:cluster/auth/group.principal/assign-edit',
          component: () => interopDefault(import('../pages/c/_cluster/auth/group.principal/assign-edit.vue')),
          name:      'c-cluster-auth-group.principal-assign-edit'
        }, {
          path:      '/c/:cluster/legacy/project/pipelines',
          component: () => interopDefault(import('../pages/c/_cluster/legacy/project/pipelines.vue')),
          name:      'c-cluster-legacy-project-pipelines'
        }, {
          path:      '/c/:cluster/manager/cloudCredential/create',
          component: () => interopDefault(import('../pages/c/_cluster/manager/cloudCredential/create.vue')),
          name:      'c-cluster-manager-cloudCredential-create'
        }, {
          path:      '/c/:cluster/manager/kontainerDriver/create',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/kontainerDriver/create.vue')),
          name:      'c-cluster-manager-driver-kontainerdriver-create'
        }, {
          path:      '/c/:cluster/manager/nodeDriver/create',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/nodeDriver/create.vue')),
          name:      'c-cluster-manager-driver-nodedriver-create'
        }, {
          path:      '/c/:cluster/monitoring/monitor/create',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/monitor/create.vue')),
          name:      'c-cluster-monitoring-monitor-create'
        }, {
          path:      '/c/:cluster/monitoring/route-receiver/create',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/route-receiver/create.vue')),
          name:      'c-cluster-monitoring-route-receiver-create'
        }, {
          path:      '/c/:cluster/explorer/tools/pages/:page?',
          component: () => interopDefault(import('../pages/c/_cluster/explorer/tools/pages/_page.vue')),
          name:      'c-cluster-explorer-tools-pages-page'
        }, {
          path:      '/c/:cluster/auth/config/:id',
          component: () => interopDefault(import('../pages/c/_cluster/auth/config/_id.vue')),
          name:      'c-cluster-auth-config-id'
        }, {
          path:      '/c/:cluster/legacy/pages/:page?',
          component: () => interopDefault(import('../pages/c/_cluster/legacy/pages/_page.vue')),
          name:      'c-cluster-legacy-pages-page'
        }, {
          path:      '/c/:cluster/legacy/project/:page',
          component: () => interopDefault(import('../pages/c/_cluster/legacy/project/_page.vue')),
          name:      'c-cluster-legacy-project-page'
        }, {
          path:      '/c/:cluster/manager/cloudCredential/:id',
          component: () => interopDefault(import('../pages/c/_cluster/manager/cloudCredential/_id.vue')),
          name:      'c-cluster-manager-cloudCredential-id'
        }, {
          path:      '/c/:cluster/manager/kontainerDriver/:id',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/kontainerDriver/_id.vue')),
          name:      'c-cluster-manager-driver-kontainerdriver-id'
        }, {
          path:      '/c/:cluster/manager/nodeDriver/:id',
          component: () => interopDefault(import('../pages/c/_cluster/manager/drivers/nodeDriver/_id.vue')),
          name:      'c-cluster-manager-driver-nodedriver-id'
        }, {
          path:      '/c/:cluster/manager/pages/:page?',
          component: () => interopDefault(import('../pages/c/_cluster/manager/pages/_page.vue')),
          name:      'c-cluster-manager-pages-page'
        }, {
          path:      '/c/:cluster/mcapps/pages/:page?',
          component: () => interopDefault(import('../pages/c/_cluster/mcapps/pages/_page.vue')),
          name:      'c-cluster-mcapps-pages-page'
        }, {
          path:      '/c/:cluster/monitoring/alertmanagerconfig/:alertmanagerconfigid',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/index.vue')),
          name:      'c-cluster-monitoring-alertmanagerconfig-alertmanagerconfigid'
        }, {
          path:      '/c/:cluster/monitoring/route-receiver/:id?',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/route-receiver/_id.vue')),
          name:      'c-cluster-monitoring-route-receiver-id'
        }, {
          path:      '/c/:cluster/auth/roles/:resource/create',
          component: () => interopDefault(import('../pages/c/_cluster/auth/roles/_resource/create.vue')),
          name:      'c-cluster-auth-roles-resource-create'
        }, {
          path:      '/c/:cluster/monitoring/alertmanagerconfig/:alertmanagerconfigid/receiver',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue')),
          name:      'c-cluster-monitoring-alertmanagerconfig-alertmanagerconfigid-receiver'
        }, {
          path:      '/c/:cluster/auth/roles/:resource/:id?',
          component: () => interopDefault(import('../pages/c/_cluster/auth/roles/_resource/_id.vue')),
          name:      'c-cluster-auth-roles-resource-id'
        }, {
          path:      '/c/:cluster/monitoring/monitor/:namespace/:id?',
          component: () => interopDefault(import('../pages/c/_cluster/monitoring/monitor/_namespace/_id.vue')),
          name:      'c-cluster-monitoring-monitor-namespace-id'
        }, {
          path:      '/c/:cluster/navlinks/:group?',
          component: () => interopDefault(import('../pages/c/_cluster/navlinks/_group.vue')),
          name:      'c-cluster-navlinks-group'
        }, {
          path:      '/c/:cluster/:product',
          component: () => interopDefault(import('../pages/c/_cluster/_product/index.vue')),
          name:      'c-cluster-product'
        }, {
          path:      '/c/:cluster/:product/members',
          component: () => interopDefault(import('../pages/c/_cluster/_product/members/index.vue')),
          name:      'c-cluster-product-members'
        }, {
          path:      '/c/:cluster/:product/namespaces',
          component: () => interopDefault(import('../pages/c/_cluster/_product/namespaces.vue')),
          name:      'c-cluster-product-namespaces'
        }, {
          path:      '/c/:cluster/:product/projectsnamespaces',
          component: () => interopDefault(import('../pages/c/_cluster/_product/projectsnamespaces.vue')),
          name:      'c-cluster-product-projectsnamespaces'
        }, {
          path:      '/c/:cluster/:product/:resource',
          component: () => interopDefault(import('../pages/c/_cluster/_product/_resource/index.vue')),
          name:      'c-cluster-product-resource'
        }, {
          path:      '/c/:cluster/:product/:resource/create',
          component: () => interopDefault(import('../pages/c/_cluster/_product/_resource/create.vue')),
          name:      'c-cluster-product-resource-create'
        }, {
          path:      '/c/:cluster/:product/:resource/:id',
          component: () => interopDefault(import('../pages/c/_cluster/_product/_resource/_id.vue')),
          name:      'c-cluster-product-resource-id'
        }, {
          path:      '/c/:cluster/:product/:resource/:namespace/:id?',
          component: () => interopDefault(import('../pages/c/_cluster/_product/_resource/_namespace/_id.vue')),
          name:      'c-cluster-product-resource-namespace-id'
        }]
    }],

  fallback: false
};

export function createRouter(config) {
  const base = (config._app && config._app.basePath) || routerOptions.base;
  const router = new Router({ ...routerOptions, base });

  // TODO: remove in Nuxt 3
  const originalPush = router.push;

  router.push = function push(location, onComplete = emptyFn, onAbort) {
    return originalPush.call(this, location, onComplete, onAbort);
  };

  const resolve = router.resolve.bind(router);

  router.resolve = (to, current, append) => {
    if (typeof to === 'string') {
      to = normalizeURL(to);
    }

    return resolve(to, current, append);
  };

  return router;
}