Save lang at proper time + Update Vuetify lang on the fly

frontend/src/components/Admin/General/HomePageSettings.vue

@@ -211,7 +211,6 @@ export default {
 
   methods: {
     writeLang(val) {
-      this.$store.commit("setLang", val);
       this.settings.language = val;
     },
     deleteCategoryfromDatabase(category) {
@@ -225,7 +224,9 @@ export default {
     },
     async saveSettings() {
       await api.siteSettings.update(this.settings);
-      this.$store.commit("setLang", this.settings.language);
+      this.$store.dispatch("setLang", { 
+        currentVueComponent: this, 
+        language: this.settings.language });
       this.getOptions();
     },
   },

frontend/src/components/UI/LanguageMenu.vue

@@ -72,7 +72,9 @@ export default {
       if (this.siteSettings) {
         this.$emit(SELECT_EVENT, selectedLanguage);
       } else {
-        this.$store.commit("setLang", selectedLanguage);
+        this.$store.dispatch("setLang", { 
+          currentVueComponent: this, 
+          language: selectedLanguage });
       }
     },
   },

frontend/src/store/modules/language.js

@@ -54,6 +54,11 @@ const actions = {
     VueI18n.locale = getters.getActiveLang;
     currentVueComponent.$vuetify.lang.current = getters.getActiveLang;
   },
+  setLang({ commit }, { language, currentVueComponent }) {
+    VueI18n.locale = language;
+    currentVueComponent.$vuetify.lang.current = language;
+    commit('setLang', language);
+  },
 };
 
 const getters = {