fix: use single alias for reused components on different paths

[PindaPixel]

See: #262
Fix #284

I must add that I have not tested this extensively, so I have no idea whether this causes bugs on other ends.
I'm also unsure how to write a good unit test for this case.

Before:

import _page_0 from "/src/modules/Base/BaseLayout.vue"
import { default as _page_1, default as _page_3, default as _page_4, default as _page_5 } from "/src/router/components/NotFound.vue"
import _page_2 from "/src/modules/Account/Pages/AccountLayout.vue"
import _page_3 from "/src/modules/Reports/Pages/ReportsLayout.vue"
import _page_4 from "/src/modules/Account/Pages/Login@/LoginLayout.vue"

export const routes = [
  {
    path: '/',
    name: 'base-layout',
    component: _page_0,
    children: [
      {
        path: '',
        name: 'home',
        component: () => import("/src/modules/Base/HomePage.vue"),
        /* no children */
      },
      {
        path: ':index(.*)',
        name: 'not-found',
        component: _page_1,
        /* no children */
      },
      {
        path: 'account',
        name: 'account-layout',
        component: _page_2,
        children: [
          {
            path: '',
            name: 'account',
            component: () => import("/src/modules/Account/Pages/AccountPage.vue"),
            /* no children */
          },
          {
            path: ':index(.*)',
            name: 'account/not-found',
            component: _page_3,
            /* no children */
          }
        ],
      },
      {
        path: 'check',
        /* internal name: 'check' */
        /* no component */
        children: [
          {
            path: 'reports',
            name: 'check/reports-layout',
            component: _page_3,
            children: [
              {
                path: '',
                name: 'check/reports',
                component: () => import("/src/modules/Reports/Pages/ReportsPage.vue"),
                /* no children */
              },
              {
                path: ':index(.*)',
                name: 'check/reports/not-found',
                component: _page_4,
                /* no children */
              },
              {
                path: 'capacity',
                /* internal name: 'check/reports/capacity' */
                /* no component */
                children: [
                  {
                    path: '',
                    name: 'check/reports/capacity',
                    component: () => import("/src/modules/Reports/Pages/Capacity/CapacityPage.vue"),
                    /* no children */
                  }
                ],
              }
            ],
          }
        ],
      }
    ],
  },
  {
    path: '/account/login',
    name: 'account/login-layout',
    component: _page_4,
    children: [
      {
        path: '',
        name: 'account/login',
        component: () => import("/src/modules/Account/Pages/Login@/LoginPage.vue"),
        /* no children */
      },
      {
        path: ':index(.*)',
        name: 'account/login/not-found',
        component: _page_5,
        /* no children */
      }
    ],
  }
]

After:

import _page_0 from "/src/modules/Base/BaseLayout.vue"
import _page_1 from "/src/router/components/NotFound.vue"
import _page_2 from "/src/modules/Account/Pages/AccountLayout.vue"
import _page_3 from "/src/modules/Reports/Pages/ReportsLayout.vue"
import _page_4 from "/src/modules/Account/Pages/Login@/LoginLayout.vue"

export const routes = [{
    path: '/',
    name: 'base-layout',
    component: _page_0,
    children: [{
        path: '',
        name: 'home',
        component: ()=>import("/src/modules/Base/HomePage.vue"),
        /* no children */
    }, {
        path: ':index(.*)',
        name: 'not-found',
        component: _page_1,
        /* no children */
    }, {
        path: 'account',
        name: 'account-layout',
        component: _page_2,
        children: [{
            path: '',
            name: 'account',
            component: ()=>import("/src/modules/Account/Pages/AccountPage.vue"),
            /* no children */
        }, {
            path: ':index(.*)',
            name: 'account/not-found',
            component: _page_1,
            /* no children */
        }],
    }, {
        path: 'check',
        /* internal name: 'check' */
        /* no component */
        children: [{
            path: 'reports',
            name: 'check/reports-layout',
            component: _page_3,
            children: [{
                path: '',
                name: 'check/reports',
                component: ()=>import("/src/modules/Reports/Pages/ReportsPage.vue"),
                /* no children */
            }, {
                path: ':index(.*)',
                name: 'check/reports/not-found',
                component: _page_1,
                /* no children */
            }, {
                path: 'capacity',
                /* internal name: 'check/reports/capacity' */
                /* no component */
                children: [{
                    path: '',
                    name: 'check/reports/capacity',
                    component: ()=>import("/src/modules/Reports/Pages/Capacity/CapacityPage.vue"),
                    /* no children */
                }],
            }],
        }],
    }],
}, {
    path: '/account/login',
    name: 'account/login-layout',
    component: _page_4,
    children: [{
        path: '',
        name: 'account/login',
        component: ()=>import("/src/modules/Account/Pages/Login@/LoginPage.vue"),
        /* no children */
    }, {
        path: ':index(.*)',
        name: 'account/login/not-found',
        component: _page_1,
        /* no children */
    }],
}]

[posva]

Thanks a lot, now I understand what you meant! I will fix locally the lint errors and add a test

[posva]

I merged this locally as I couldn't push