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;
},
};