fix: add translation loading to every page

Author: Petr Kachanovsky

custom/LanguageEveryPageLoader.vue

@@ -0,0 +1,15 @@
+<template/>
+
+<script setup>
+import { onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { setLang, getLocalLang } from './langCommon';
+
+const { setLocaleMessage, locale } = useI18n();
+
+const props = defineProps(['meta']);
+
+onMounted(() => {
+  setLang({ setLocaleMessage, locale }, props.meta.pluginInstanceId, getLocalLang(props.meta.supportedLanguages));
+});
+</script>

custom/LanguageInUserMenu.vue

@@ -87,16 +87,6 @@ const selectedOption = computed(() => {
 
 
 onMounted(() => {
-  console.log('Language In user menu mounted', props.meta.supportedLanguages);
   selectedLanguage.value = getLocalLang(props.meta.supportedLanguages);
-  setLang({ setLocaleMessage, locale }, props.meta.pluginInstanceId, selectedLanguage.value);
-  // todo this mounted executed only on this component mount, f5 from another page apart login will not read it
 });
-
-
-
-
-
-
-
 </script>

custom/LanguageUnderLogin.vue

@@ -61,16 +61,6 @@ const options = computed(() => {
 });
 
 onMounted(() => {
-  console.log('LanguageUnderLogin mounted', props.meta.supportedLanguages);
   selectedLanguage.value = getLocalLang(props.meta.supportedLanguages);
-  setLang({ setLocaleMessage, locale }, props.meta.pluginInstanceId, selectedLanguage.value);
-  // todo this mounted executed only on this component mount, f5 from another page apart login will not read it
 });
-
-
-
-
-
-
-
 </script>

index.ts

@@ -250,6 +250,11 @@ export default class I18nPlugin extends AdminForthPlugin {
       meta: compMeta
     });
 
+    adminforth.config.customization.globalInjections.everyPageBottom.push({
+      file: this.componentPath('LanguageEveryPageLoader.vue'),
+      meta: compMeta
+    });
+
     // disable create allowedActions for translations
     resourceConfig.options.allowedActions.create = false;