lang changes, new pages, data changes

src/lib/i18n.js

@@ -1,26 +1,52 @@
 import { writable } from 'svelte/store';
+import { getLanguageFromRoute } from '../routes';
 
-// Load saved language or default to 'est'
-const savedLang = typeof window !== 'undefined'
-    ? localStorage.getItem('language') || 'est'
-    : 'est';
+// Get initial language from URL or localStorage
+function getInitialLanguage() {
+    if (typeof window === 'undefined') return 'est';
+    
+    const path = window.location.pathname;
+    const langFromRoute = getLanguageFromRoute(path);
+    
+    // If we detected a language from route, use it and save it
+    if (langFromRoute) {
+        localStorage.setItem('language', langFromRoute);
+        return langFromRoute;
+    }
+    
+    // Otherwise use saved language or default to 'est'
+    return localStorage.getItem('language') || 'est';
+}
 
-export const currentLang = writable(savedLang);
+const initialLang = getInitialLanguage();
+
+export const currentLang = writable(initialLang);
 
 // Store for translations
 export const text = writable({});
 
 async function loadTranslations(lang) {
     try {
-        const response = await fetch(`/locales/${lang}.json`);
-        const data = await response.json();
-        text.set(data);
+        const translations = {};
+        
+        // Dynamically import all translation files for the specific language
+        // Vite will code-split these and only bundle the ones actually used
+        const modules = import.meta.glob('/src/locales/*/*.json');
+        
+        for (const path in modules) {
+            if (path.includes(`/locales/${lang}/`)) {
+                const module = await modules[path]();
+                Object.assign(translations, module.default || module);
+            }
+        }
+        
+        text.set(translations);
     } catch (error) {
         console.error(`Failed to load translations for ${lang}:`, error);
     }
 }
 
-loadTranslations(savedLang);
+loadTranslations(initialLang);
 
 export function switchLang(lang) {
     currentLang.set(lang);
@@ -28,4 +54,15 @@ export function switchLang(lang) {
     if (typeof window !== 'undefined') {
         localStorage.setItem('language', lang);
     }
+}
+
+// Update language when route changes
+if (typeof window !== 'undefined') {
+    window.addEventListener('popstate', () => {
+        const path = window.location.pathname;
+        const lang = getLanguageFromRoute(path);
+        if (lang) {
+            switchLang(lang);
+        }
+    });
 }