import { RouteConfig } from 'vue-router';

const routes: RouteConfig[] = [
  {
    path: '/main',
    components: {
      default: () => import('layouts/MainLayout.vue')
    },
    children: [
      {
        path: 'plugin2',
        name: 'plugin2',
        components: {
          default: () => import('../pages/Plugin.vue'),
          'plugin-nav': () => import('../components/navigation/PluginLinks.vue')
        },
        children: [
          {
            path: 'plugin2_1',
            name: 'plugin2_1',
            component: () => import('../pages/NewPlugin.vue')
          },
          {
            path: 'plugin2_2',
            name: 'plugin2_2',
            component: () => import('../pages/OldPlugin.vue')
          }
        ]
      }
    ]
  }
];

export default routes;