- Translation of ProgressTracker.vue constants OK

This commit is contained in:
Josako
2025-07-22 12:27:04 +02:00
parent 98db88b00b
commit a0f806ba4e
3 changed files with 78 additions and 54 deletions

View File

@@ -119,40 +119,17 @@ export default {
}
},
created() {
// Create named handler for language changes
this.languageChangeHandler = (event) => {
if (event.detail && event.detail.language) {
console.log('ProgressTracker: Received language change event:', event.detail.language);
// The LanguageProvider will automatically handle the translation update
// We just need to ensure the component is aware of the change
this.handleLanguageChange(event);
}
};
// Listen for language changes
document.addEventListener('language-changed', this.languageChangeHandler);
// LanguageProvider system handles translation automatically
// No need for manual DOM event listeners when using useComponentTranslations
console.log('ProgressTracker: Using LanguageProvider system for translations');
},
mounted() {
this.connectToProgressStream();
},
beforeUnmount() {
this.disconnectEventSource();
// Remove language change event listener
if (this.languageChangeHandler) {
document.removeEventListener('language-changed', this.languageChangeHandler);
}
},
methods: {
handleLanguageChange(event) {
if (event.detail && event.detail.language) {
console.log(`ProgressTracker: Language changed to ${event.detail.language}`);
// The LanguageProvider automatically updates translations through reactive system
// Force component update to ensure UI reflects the new translations
this.$forceUpdate();
}
},
connectToProgressStream() {
if (!this.taskId) {
console.error('Geen task ID beschikbaar voor progress tracking');