✨ feat (error-pages): add custom error pages

app/middleware/auth.global.ts

@@ -9,7 +9,7 @@ export default defineNuxtRouteMiddleware((to) => {
     console.log('currRole', userStore.userRole)
     console.log('isAuth', userStore.isAuthenticated)
     if (!userStore.isAuthenticated) {
-      return navigateTo('/auth/login')
+      return navigateTo('/401')
     }
 
     // const allowedRoles = to.meta.roles as string[] | undefined

app/middleware/rbac.ts

@@ -11,10 +11,7 @@ export default defineNuxtRouteMiddleware((to) => {
     if (pagePermissions) {
       const { checkRole } = useRBAC()
       if (!checkRole(pagePermissions)) {
-        throw createError({
-          statusCode: 403,
-          statusMessage: 'Forbidden - Insufficient permissions for this page',
-        })
+        return navigateTo('/403')
       }
     }
 
@@ -27,10 +24,7 @@ export default defineNuxtRouteMiddleware((to) => {
       const hasRequiredRole = requiredRoles.some((role) => userRoles.includes(role))
 
       if (!hasRequiredRole) {
-        throw createError({
-          statusCode: 403,
-          statusMessage: 'Forbidden - Insufficient role permissions',
-        })
+        return navigateTo('/403')
       }
     }
   }