Use embedded Vuetify locales

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() {

frontend/src/components/MealPlan/MealPlanNew.vue

@@ -30,7 +30,6 @@
             <v-date-picker
               v-model="startDate"
               no-title
-              :locale="$i18n.locale"
               @input="menu2 = false"
             ></v-date-picker>
           </v-menu>
@@ -59,7 +58,6 @@
             <v-date-picker
               v-model="endDate"
               no-title
-              :locale="$i18n.locale"
               @input="menu2 = false"
             ></v-date-picker>
           </v-menu>

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;

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