- Translation of ProgressTracker.vue constants OK

eveai_chat_client/static/assets/vue-components/LanguageSelector.vue

@@ -26,11 +26,12 @@ import { useLanguageProvider } from '../js/services/LanguageProvider.js';
 export default {
     name: 'LanguageSelector',
     setup() {
-        // Optionally use provider for reactive current language
+        // Use provider for reactive current language and setLanguage method
         try {
             const provider = useLanguageProvider();
             return {
-                providerLanguage: provider.currentLanguage
+                providerLanguage: provider.currentLanguage,
+                providerSetLanguage: provider.setLanguage
             };
         } catch {
             // Provider not available, use props
@@ -125,10 +126,18 @@ export default {
                 this.internalCurrentLanguage = languageCode;
                 this.selectedLanguage = languageCode;
 
-                // Vue component emit
+                // Call LanguageProvider setLanguage method to trigger proper translation
+                if (this.providerSetLanguage) {
+                    console.log(`LanguageSelector: Calling LanguageProvider.setLanguage(${languageCode})`);
+                    this.providerSetLanguage(languageCode);
+                } else {
+                    console.warn('LanguageSelector: LanguageProvider not available, using fallback DOM events only');
+                }
+
+                // Vue component emit (for backward compatibility)
                 this.$emit('language-changed', languageCode);
 
-                // DOM event
+                // DOM event (for backward compatibility)
                 const event = new CustomEvent('language-changed', {
                     detail: { language: languageCode }
                 });