Announcement creation

app/app.vue

@@ -16,6 +16,7 @@
     <div
       class="flex min-h-screen flex-col bg-white text-gray-900 transition-colors duration-300 dark:bg-gray-900 dark:text-gray-100"
     >
+
       <main class="flex-1">
         <NuxtLayout>
           <NuxtPage />

app/middleware/auth.global.ts

@@ -9,13 +9,27 @@ export default defineNuxtRouteMiddleware(async (to) => {
     return navigateTo('/auth')
   }
 
-  if (session.value && to.path === '/auth') {
+  if (!session.value) {
+    return
+  }
+
+  const userRole = (session.value.user as { role?: string } | undefined)?.role
+
+  if (to.path === '/') {
+    return navigateTo(userRole === 'admin' ? '/admin' : '/reader/profile')
+  }
+
+  if (to.path === '/auth') {
     const role = to.query.role
 
     if (role === 'admin') {
-      return navigateTo('/admin')
+      return navigateTo(userRole === 'admin' ? '/admin' : '/')
     }
 
     return navigateTo('/reader/profile')
   }
+
+  if (to.path.startsWith('/admin') && userRole !== 'admin') {
+    return navigateTo('/')
+  }
 })