From 921de8e19cad2f658b5f63dedb1da7e4b0adf76d Mon Sep 17 00:00:00 2001
From: Irwan Cahyono <irwan.l.cahyono@gmail.com>
Date: Fri, 8 Aug 2025 01:02:17 +0700
Subject: [PATCH] err handl

---
 pages/auth/login.vue     |  7 ++++---
 plugins/error-handler.ts | 10 ++++++++++
 server/error-handler.ts  |  7 -------
 3 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 plugins/error-handler.ts
 delete mode 100644 server/error-handler.ts

diff --git a/pages/auth/login.vue b/pages/auth/login.vue
index 12f1e20..61b578b 100644
--- a/pages/auth/login.vue
+++ b/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 () => {
diff --git a/plugins/error-handler.ts b/plugins/error-handler.ts
new file mode 100644
index 0000000..10b0852
--- /dev/null
+++ b/plugins/error-handler.ts
@@ -0,0 +1,10 @@
+// plugins/error-handler.client.ts
+export default defineNuxtPlugin(() => {
+  window.addEventListener('error', (e) => {
+    console.error('Client-side Error:', e.message)
+  })
+
+  window.addEventListener('unhandledrejection', (e) => {
+    console.error('Unhandled Promise Rejection:', e.reason)
+  })
+})
diff --git a/server/error-handler.ts b/server/error-handler.ts
deleted file mode 100644
index b93de8d..0000000
--- a/server/error-handler.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineNitroPlugin } from 'nitropack'
-
-export default defineNitroPlugin((nitroApp) => {
-  nitroApp.hooks.hook('error', (error, event) => {
-    console.error('[Nitro Error]', error)
-  })
-})
\ No newline at end of file