fix: page checker to avoid error

app/components/content/encounter/entry.vue

@@ -163,6 +163,7 @@ onMounted(async () => {
   await handleInit()
   if (props.formType === 'edit' && props.id > 0) {
     await getFetchEncounterDetail()
+    console.log(formObjects.value)
   }
 })
 </script>

app/lib/page-checker.ts

@@ -1,41 +1,56 @@
-import type { Permission } from "~/models/role"
+import type { Permission } from '~/models/role'
 
-const route = useRoute()
+export function usePageChecker() {
+  const route = useRoute()
+  const { checkRole, hasCreateAccess, hasReadAccess, hasUpdateAccess, hasDeleteAccess } = useRBAC()
 
-const { checkRole, hasCreateAccess, hasReadAccess, hasUpdateAccess, hasDeleteAccess } = useRBAC()
-
-export function getRouteTitle() {
-  return route.meta.title as string
-}
-
-export function getParamsId() {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-}
-
-export function checkPageAccess(roleAccess: Record<string, Permission[]>, type: 'create' | 'read' | 'update' | 'delete') {
-  // Check if user has access to this page, need to use try - catch for proper handling
-  const hasAccess = checkRole(roleAccess)
-  if (!hasAccess) {
-    navigateTo('/403')
+  function getRouteTitle() {
+    return route.meta.title as string
   }
 
-  // Define permission-based computed properties
-  const canCreate = hasCreateAccess(roleAccess)
-  const canRead = hasReadAccess(roleAccess)
-  const canUpdate = hasUpdateAccess(roleAccess)
-  const canDelete = hasDeleteAccess(roleAccess)
+  function getParamsId() {
+    const id = route.params.id
+    return typeof id === 'string' ? parseInt(id) : 0
+  }
 
-  switch (type) {
-    case 'create':
-      return canCreate
-    case 'read':
-      return canRead
-    case 'update':
-      return canUpdate
-    case 'delete':
-      return canDelete
-    default:
-      return false
+  function getPageAccess(
+    roleAccess: Record<string, Permission[]>,
+    type: 'create' | 'read' | 'update' | 'delete',
+  ) {
+    // Check if user has access to this page, need to use try - catch for proper handling
+    const hasAccess = checkRole(roleAccess)
+    if (!hasAccess) {
+      navigateTo('/403')
+    }
+
+    // Define permission-based computed properties
+    const canCreate = hasCreateAccess(roleAccess)
+    const canRead = hasReadAccess(roleAccess)
+    const canUpdate = hasUpdateAccess(roleAccess)
+    const canDelete = hasDeleteAccess(roleAccess)
+
+    switch (type) {
+      case 'create':
+        return canCreate
+      case 'read':
+        return canRead
+      case 'update':
+        return canUpdate
+      case 'delete':
+        return canDelete
+      default:
+        return false
+    }
+  }
+
+  return {
+    checkRole,
+    hasCreateAccess,
+    hasReadAccess,
+    hasUpdateAccess,
+    hasDeleteAccess,
+    getRouteTitle,
+    getParamsId,
+    getPageAccess
   }
 }

app/pages/(features)/ambulatory/encounter/[id]/detail.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/detail.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/ambulatory/encounter/[id]/edit.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
 // Helpers
-import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,10 +27,9 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/edit'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'update')
-
-const { user } = useUserStore()
+const hasAccess = getPageAccess(roleAccess, 'update')
 const encounterId = getParamsId()
+const { user } = useUserStore()
 const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
 </script>
 

app/pages/(features)/ambulatory/encounter/[id]/process.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+import { usePageChecker } from '~/lib/page-checker'
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/process.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
@@ -27,7 +29,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/process'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/ambulatory/encounter/add.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/add'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'create')
+const hasAccess = getPageAccess(roleAccess, 'create')
 </script>
 
 <template>

app/pages/(features)/ambulatory/encounter/index.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/list.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 // Page meta
 definePageMeta({
   middleware: ['rbac'],
@@ -29,9 +31,9 @@ const route = useRoute()
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
-const canCreate = checkPageAccess(roleAccess, 'create')
-const canRemove = checkPageAccess(roleAccess, 'delete')
+const hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
 
 // User info
 const { user } = useUserStore()

app/pages/(features)/emergency/encounter/[id]/detail.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/detail.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/emergency/encounter/[id]/edit.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 
 // Helpers
-import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,8 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/edit'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'update')
-
+const hasAccess = getPageAccess(roleAccess, 'update')
 const encounterId = getParamsId()
 </script>
 

app/pages/(features)/emergency/encounter/[id]/process.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+import { usePageChecker } from '~/lib/page-checker'
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/process.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
@@ -27,7 +29,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/process'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/emergency/encounter/add.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/add'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'create')
+const hasAccess = getPageAccess(roleAccess, 'create')
 </script>
 
 <template>

app/pages/(features)/emergency/encounter/index.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/list.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 // Page meta
 definePageMeta({
   middleware: ['rbac'],
@@ -29,9 +31,9 @@ const route = useRoute()
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
-const canCreate = checkPageAccess(roleAccess, 'create')
-const canRemove = checkPageAccess(roleAccess, 'delete')
+const hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
 </script>
 
 <template>

app/pages/(features)/inpatient/encounter/[id]/detail.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/detail.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/inpatient/encounter/[id]/edit.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 
 // Helpers
-import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,8 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/edit'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'update')
-
+const hasAccess = getPageAccess(roleAccess, 'update')
 const encounterId = getParamsId()
 </script>
 

app/pages/(features)/inpatient/encounter/[id]/process.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+import { usePageChecker } from '~/lib/page-checker'
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/process.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
@@ -27,7 +29,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/process'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
+const hasAccess = getPageAccess(roleAccess, 'read')
 </script>
 
 <template>

app/pages/(features)/inpatient/encounter/add.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -25,7 +27,7 @@ useHead({
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/add'] || {}
-const hasAccess = checkPageAccess(roleAccess, 'create')
+const hasAccess = getPageAccess(roleAccess, 'create')
 </script>
 
 <template>

app/pages/(features)/inpatient/encounter/index.vue

@@ -4,7 +4,7 @@ import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 
 // Helpers
-import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+import { usePageChecker } from "~/lib/page-checker"
 
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
@@ -12,6 +12,8 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 // Apps
 import Content from '~/components/content/encounter/list.vue'
 
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
 // Page meta
 definePageMeta({
   middleware: ['rbac'],
@@ -29,9 +31,9 @@ const route = useRoute()
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
-const hasAccess = checkPageAccess(roleAccess, 'read')
-const canCreate = checkPageAccess(roleAccess, 'create')
-const canRemove = checkPageAccess(roleAccess, 'delete')
+const hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
 </script>
 
 <template>