router.ts

import Vue from 'vue';
import Router from 'vue-router';

import Batch from './views/Batch.vue';

import Collections from './views/Collections.vue';
import CollectionList from './views/CollectionList.vue';
import Collection from './views/Collection.vue';
import CollectionShow from './views/CollectionShow.vue';
import CollectionShowWorkflow from './views/CollectionShowWorkflow.vue';
import CollectionBulk from './views/CollectionBulk.vue';

import Pipelines from './views/Pipelines.vue';
import PipelineList from './views/PipelineList.vue';
import Pipeline from './views/Pipeline.vue';

Vue.use(Router);

export default new Router({
  mode: 'hash',
  base: import.meta.env.BASE_URL,
  routes: [
    {
      path: '*',
      redirect: '/',
    },
    {
      path: '/',
      name: 'home',
      redirect: '/collections',
    },
    {
      path: '/collections',
      component: Collections,
      children: [
        {
          path: '',
          name: 'collections',
          component: CollectionList,
        },
        {
          path: '/collections/bulk',
          name: 'collection-bulk',
          component: CollectionBulk,
        },
        {
          path: '/collections/:id',
          component: Collection,
          children: [
            {
              path: '/collections/:id',
              name: 'collection',
              component: CollectionShow,
            },
            {
              path: '/collections/:id/workflow',
              name: 'collection-workflow',
              component: CollectionShowWorkflow,
            },
          ],
        },
      ],
    },
    {
      path: '/pipelines',
      component: Pipelines,
      children: [
        {
          path: '',
          name: 'pipelines',
          component: PipelineList,
        },
        {
          path: '/pipelines/:id',
          name: 'pipeline',
          component: Pipeline,
        },
      ],
    },
    {
      path: '/batch',
      component: Batch,
      children: [
        {
          path: '',
          name: 'batch',
          component: Batch,
        },
      ],
    },
  ],
});