err handl

pages/auth/login.vue

@@ -45,7 +45,7 @@
                                         <div>
                                             <img :src="currentFlag" alt="image" class="h-5 w-5 rounded-full object-cover" />
                                         </div>
-                                        <div class="text-base font-bold uppercase">{{ store.locale }}</div>
+                                        <div v-if="store" class="text-base font-bold uppercase">{{ store.locale }}</div>
                                         <span class="shrink-0">
                                             <icon-caret-down />
                                         </span>
@@ -192,7 +192,8 @@
     definePageMeta({
         layout: 'auth-layout',
     });
-    const store = useAppStore();
+    // const store = useAppStore();
+    const store = process.client ? useAppStore() : null;
     const { setLocale } = useI18n();
     const config = useRuntimeConfig();
     const auth = useAuthStore();
@@ -202,7 +203,7 @@
         appSetting.toggleLanguage(item, setLocale);
     };
     const currentFlag = computed(() => {
-        return `/assets/images/flags/${store.locale?.toUpperCase()}.svg`;
+        return store?.locale ?`/assets/images/flags/${store.locale?.toUpperCase()}.svg` : '';
     });
 
     const login = async () => {