- verbeteringen client
- Enkel nog probleem met vertaling van de ProgressTracker constanten
This commit is contained in:
@@ -21,12 +21,26 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { useLanguageProvider } from '../js/services/LanguageProvider.js';
|
||||
|
||||
export default {
|
||||
name: 'LanguageSelector',
|
||||
setup() {
|
||||
// Optionally use provider for reactive current language
|
||||
try {
|
||||
const provider = useLanguageProvider();
|
||||
return {
|
||||
providerLanguage: provider.currentLanguage
|
||||
};
|
||||
} catch {
|
||||
// Provider not available, use props
|
||||
return {};
|
||||
}
|
||||
},
|
||||
props: {
|
||||
initialLanguage: {
|
||||
type: String,
|
||||
default: 'nl'
|
||||
default: 'en'
|
||||
},
|
||||
currentLanguage: {
|
||||
type: String,
|
||||
@@ -53,11 +67,17 @@ export default {
|
||||
this.$emit('language-changed', this.selectedLanguage);
|
||||
|
||||
// DOM event
|
||||
const event = new CustomEvent('vue:language-changed', {
|
||||
const event = new CustomEvent('language-changed', {
|
||||
detail: { language: this.selectedLanguage }
|
||||
});
|
||||
document.dispatchEvent(event);
|
||||
},
|
||||
computed: {
|
||||
// Use provider language if available, otherwise use props
|
||||
effectiveCurrentLanguage() {
|
||||
return this.providerLanguage || this.currentLanguage || this.initialLanguage;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getAvailableLanguages() {
|
||||
const languages = [];
|
||||
@@ -109,7 +129,7 @@ export default {
|
||||
this.$emit('language-changed', languageCode);
|
||||
|
||||
// DOM event
|
||||
const event = new CustomEvent('vue:language-changed', {
|
||||
const event = new CustomEvent('language-changed', {
|
||||
detail: { language: languageCode }
|
||||
});
|
||||
document.dispatchEvent(event);
|
||||
|
||||
Reference in New Issue
Block a user