hrms-admin/src/modules/02_users/router.ts

const ListsPageUser = () => import("@/modules/02_users/views/listsUser.vue");
const PageManagementRole = () =>
  import("@/modules/02_users/views/managementRoleUser.vue");

const ListsPageRole = () => import("@/modules/02_users/views/listsRole.vue");
// const RoleDetail = () => import("@/modules/02_users/views/detailRoleView.vue");

const PermissionPsge = () =>
  import("@/modules/02_users/views/permissionsView.vue");
const ListsPage2Role = () =>
  import("@/modules/02_users/views/permissionDetail.vue");

export default [
  {
    path: "/users",
    name: "manageUsers",
    component: ListsPageUser,
    meta: {
      Auth: true,
      Key: [7],
      Role: "user_role",
    },
  },
  {
    path: "/users/roles/:id",
    name: "manageUsersRolesId",
    component: PageManagementRole,
    meta: {
      Auth: true,
      Key: [7],
      Role: "user_role",
    },
  },

  {
    path: "/users/:id",
    name: "masterInsignia",
  },

  {
    path: "/roles",
    name: "manageRoles",
    component: ListsPageRole,
    meta: {
      Auth: true,
      Key: [7],
      Role: "user_role",
    },
  },

  {
    path: "/roles/:id",
    name: "manageRolesId",
    component: ListsPage2Role,
    meta: {
      Auth: true,
      Key: [7],
      Role: "user_role",
    },
  },

  {
    path: "/permission",
    name: "managePermission",
    component: PermissionPsge,
    meta: {
      Auth: true,
      Key: [7],
      Role: "user_role",
    },
  },
];