@adminforth/i18n 1.1.3-next.1 → 1.1.3-next.3

package/README.md

@@ -0,0 +1,2 @@
+
+Ussage guide and documentation: https://adminforth.dev/docs/tutorial/Plugins/i18n/

package/build.log

@@ -1,9 +1,10 @@
 
-> @adminforth/i18n@1.0.23 build
+> @adminforth/i18n@1.0.0 build
 > tsc && rsync -av --exclude 'node_modules' custom dist/
 
 sending incremental file list
 custom/
+custom/LanguageEveryPageLoader.vue
 custom/LanguageInUserMenu.vue
 custom/LanguageUnderLogin.vue
 custom/langCommon.ts
@@ -11,5 +12,5 @@ custom/package-lock.json
 custom/package.json
 custom/tsconfig.json
 
-sent 9,620 bytes  received 134 bytes  19,508.00 bytes/sec
-total size is 9,122  speedup is 0.94
+sent 9,498 bytes  received 153 bytes  19,302.00 bytes/sec
+total size is 8,926  speedup is 0.92

package/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>

package/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>

package/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>

package/dist/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>

package/dist/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>

package/dist/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>

package/dist/index.js

@@ -222,6 +222,10 @@ export default class I18nPlugin extends AdminForthPlugin {
                 file: this.componentPath('LanguageInUserMenu.vue'),
                 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;
             // add hook to validate user did not screw up with template params

package/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;
 

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@adminforth/i18n",
-  "version": "1.1.3-next.1",
+  "version": "1.1.3-next.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
+  "homepage": "https://adminforth.dev/docs/tutorial/Plugins/i18n/",
   "scripts": {
     "build": "tsc && rsync -av --exclude 'node_modules' custom dist/",
     "prepare": "npm link adminforth"
@@ -15,11 +16,14 @@
   "keywords": [
     "i18n",
     "adminforth",
-    "translation"
+    "translation",
+    "internationalization",
+    "language",
+    "vue-i18n"
   ],
   "author": "devforth",
   "license": "ISC",
-  "description": "Internationalization plugin for Adminforth projects",
+  "description": "Internationalization/translation plugin for AdminForth",
   "dependencies": {
     "@aws-sdk/client-ses": "^3.654.0",
     "@sapphire/async-queue": "^1.5.5",