store

middleware/auth.global.ts

@@ -1,4 +1,5 @@
 export default defineNuxtRouteMiddleware((to, from) => {
+    try {
         const accessToken = useCookie('access_token').value;
 
         const isPublicRoute =
@@ -8,4 +9,8 @@ export default defineNuxtRouteMiddleware((to, from) => {
         if (!accessToken && !isPublicRoute) {
             return navigateTo('/auth/login');
         }
+    } catch (error) {
+        console.error('Auth middleware error:', error);
+        return navigateTo('/auth/login');
+    }
 })

pages/auth/login.vue

@@ -33,8 +33,10 @@
                         <NuxtLink to="/" class="block w-8 lg:hidden">
                             <img src="/assets/images/logo.svg" alt="Logo" class="mx-auto w-10" />
                         </NuxtLink>
-                        <div class="dropdown ms-auto w-max">
                         <client-only>
+                            <template #default>
+                            <div class="dropdown ms-auto w-max" v-if="store">
+                            
                                 <Popper :placement="store.rtlClass === 'rtl' ? 'bottom-start' : 'bottom-end'" offsetDistance="8">
                                     <button
                                         type="button"
@@ -72,8 +74,9 @@
                                         </ul>
                                     </template>
                                 </Popper>
-                            </client-only>
                             </div>
+                            </template>
+                        </client-only>
                     </div>
                     <div class="w-full max-w-[440px] lg:mt-16">
                         <div class="mb-10">