diff --git a/frontend/src/App.vue b/frontend/src/App.vue index e5d9741b2..4698f055a 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -70,7 +70,7 @@ export default { this.search = !this.search; } }); - this.$store.dispatch("initLang"); + this.$store.dispatch("initLang", { currentVueComponent: this }); }, mounted() { diff --git a/frontend/src/components/MealPlan/MealPlanNew.vue b/frontend/src/components/MealPlan/MealPlanNew.vue index ad16fdbac..e2b07b133 100644 --- a/frontend/src/components/MealPlan/MealPlanNew.vue +++ b/frontend/src/components/MealPlan/MealPlanNew.vue @@ -30,7 +30,6 @@ @@ -59,7 +58,6 @@ diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js index e86b91143..1e8c87b6b 100644 --- a/frontend/src/plugins/vuetify.js +++ b/frontend/src/plugins/vuetify.js @@ -3,6 +3,12 @@ import Vuetify from "vuetify/lib"; Vue.use(Vuetify); + +import fr from 'vuetify/es5/locale/fr'; +import pl from 'vuetify/es5/locale/pl'; +import sv from 'vuetify/es5/locale/sv'; +import de from 'vuetify/es5/locale/de'; + const vuetify = new Vuetify({ theme: { dark: false, @@ -29,6 +35,12 @@ const vuetify = new Vuetify({ }, }, }, + lang: { + locales: { + fr, pl, sv, de + }, + current: 'en', + }, }); export default vuetify; diff --git a/frontend/src/store/modules/language.js b/frontend/src/store/modules/language.js index 1243e01db..8fad87b07 100644 --- a/frontend/src/store/modules/language.js +++ b/frontend/src/store/modules/language.js @@ -46,8 +46,9 @@ const mutations = { }; const actions = { - initLang({ getters }) { + initLang({ getters }, { currentVueComponent }) { VueI18n.locale = getters.getActiveLang; + currentVueComponent.$vuetify.lang.current = getters.getActiveLang; }, };