From d623c4b27c1e592bed63041e4c5c94a46c7145dd Mon Sep 17 00:00:00 2001
From: mohamad <mohamad>
Date: Mon, 2 Jun 2025 18:06:21 +0200
Subject: [PATCH] Enhance i18n support and PWA configuration

- Increased the maximum file size for caching in PWA settings from 5MB to 15MB in vite.config.ts.
- Updated import paths for i18n messages in main.ts for consistency.
- Simplified the i18n index by removing unnecessary keys and using shorthand for language imports.
- Added debug output in LoginPage.vue to log current locale and available messages for easier troubleshooting.
---
 fe/src/i18n/index.ts       | 10 +++++-----
 fe/src/main.ts             | 10 +++++-----
 fe/src/pages/LoginPage.vue | 10 +++++++++-
 fe/vite.config.ts          |  2 +-
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/fe/src/i18n/index.ts b/fe/src/i18n/index.ts
index f9c5e18..cf5cbc9 100644
--- a/fe/src/i18n/index.ts
+++ b/fe/src/i18n/index.ts
@@ -1,11 +1,11 @@
-import en from './en.json'; // Changed from enUS and path
+import en from './en.json';
 import de from './de.json';
 import fr from './fr.json';
 import es from './es.json';
 
 export default {
-  'en': en, // Changed from 'en-US': enUS
-  'de': de,
-  'fr': fr,
-  'es': es
+  en,
+  de,
+  fr,
+  es
 };
diff --git a/fe/src/main.ts b/fe/src/main.ts
index 9c71ae5..bd28b48 100644
--- a/fe/src/main.ts
+++ b/fe/src/main.ts
@@ -5,7 +5,7 @@ import { BrowserTracing } from '@sentry/tracing';
 import App from './App.vue';
 import router from './router';
 import { createI18n } from 'vue-i18n';
-import messages from '@/i18n';
+import messages from './i18n';
 
 // Global styles
 import './assets/main.scss';
@@ -26,10 +26,10 @@ import { useAuthStore } from '@/stores/auth';
 // //   export interface DefineNumberFormat {}
 // // }
 const i18n = createI18n({
-  legacy: false, // Recommended for Vue 3
-  locale: 'en', // Default locale
-  fallbackLocale: 'en', // Fallback locale
-  messages,
+    legacy: false, // Recommended for Vue 3
+    locale: 'en', // Default locale
+    fallbackLocale: 'en', // Fallback locale
+    messages,
 });
 
 const app = createApp(App);
diff --git a/fe/src/pages/LoginPage.vue b/fe/src/pages/LoginPage.vue
index c9d82d7..d761aea 100644
--- a/fe/src/pages/LoginPage.vue
+++ b/fe/src/pages/LoginPage.vue
@@ -57,8 +57,16 @@ const router = useRouter();
 const route = useRoute();
 const authStore = useAuthStore();
 const notificationStore = useNotificationStore();
+const { t, locale, messages } = useI18n();
 
-const { t } = useI18n();
+// Debug output
+console.log('=== i18n Debug Info ===');
+console.log('Current locale:', locale.value);
+console.log('Available messages:', messages.value);
+console.log('English messages:', messages.value.en);
+console.log('LoginPage messages:', messages.value.en?.loginPage);
+console.log('Test translation:', t('loginPage.emailLabel'));
+console.log('Test fallback:', t('message.hello'));
 
 const email = ref('');
 const password = ref('');
diff --git a/fe/vite.config.ts b/fe/vite.config.ts
index 3265d6f..9b4c731 100644
--- a/fe/vite.config.ts
+++ b/fe/vite.config.ts
@@ -44,7 +44,7 @@ const pwaOptions: Partial<VitePWAOptions> = {
       'dev-sw.js',
       'index.html',
     ],
-    maximumFileSizeToCacheInBytes: 5 * 1024 * 1024, // 5MB
+    maximumFileSizeToCacheInBytes: 15 * 1024 * 1024, // 5MB
   },
   workbox: {
     cleanupOutdatedCaches: true,