six-pharmacy.pda/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router';
import { AccountGuard } from '@/router/account.guard.ts';

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/login',
      name: 'login',
      component: () => import('@/pages/LoginPage.vue'),
      beforeEnter: [AccountGuard.revoke],
    },
    {
      path: '/',
      children: [
        {
          path: 'home',
          name: 'home',
          component: () => import('@/pages/HomePage.vue'),
          meta: { title: '' },
        },
        {
          path: `step/:mode`,
          component: () => import(`@/pages/StepPage.vue`),
          children: [
            {
              path: ':value',
              component: () => import('@/module/step/Step.vue'),
            },
          ],
        },
      ],
      beforeEnter: [AccountGuard.grant],
    },
    { path: '', redirect: '/home' },
  ],
});

export default router;