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

/** user*/
const ListsPageUser = () => import("@/modules/02_users/views/01_user.vue");
const PageManagementRole = () =>
  import("@/modules/02_users/views/page01_ManagementRoleUser.vue");

/** role*/
const ListsPageRole = () =>
  import("@/modules/02_users/views/02_rolesAndPermissions.vue");
const ListsPage2Role = () =>
  import("@/modules/02_users/views/page02_rolesAndPermissionsDetail.vue");

/** PermissionPage*/
const PermissionPage = () =>
  import("@/modules/02_users/views/03_permissionsView.vue");

/** roleOrganization */
const roleOrgview = () =>
  import("@/modules/02_users/views/04_roleOrganization.vue");

/** responsIbilities*/
const responsIbilitiesView = () =>
  import("@/modules/02_users/views/05_responsIbilities.vue");

export default [
  {
    path: "/users",
    name: "manageUsers",
    component: ListsPageUser,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },
  {
    path: "/users/roles/:id",
    name: "manageUsersRolesId",
    component: PageManagementRole,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },
  {
    path: "/roles",
    name: "manageRoles",
    component: ListsPageRole,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },

  {
    path: "/roles/:id",
    name: "manageRolesId",
    component: ListsPage2Role,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },

  {
    path: "/permission",
    name: "managePermission",
    component: PermissionPage,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },

  {
    path: "/roles-organization",
    name: "roleOrganization",
    component: roleOrgview,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },

  {
    path: "/responsibilities",
    name: "responsibilities",
    component: responsIbilitiesView,
    meta: {
      Role: ["SUPER_ADMIN", "ADMIN"],
    },
  },
];