Init (#1)

frontend/src/mixins/lang.ts

@@ -0,0 +1,39 @@
+import { currentLocale } from "../i18n";
+import { setPageLocale } from "../util-frontend";
+import { defineComponent } from "vue";
+const langModules = import.meta.glob("../lang/*.json");
+
+export default defineComponent({
+    data() {
+        return {
+            language: currentLocale(),
+        };
+    },
+
+    watch: {
+        async language(lang) {
+            await this.changeLang(lang);
+        },
+    },
+
+    async created() {
+        if (this.language !== "en") {
+            await this.changeLang(this.language);
+        }
+    },
+
+    methods: {
+        /**
+         * Change the application language
+         * @param {string} lang Language code to switch to
+         * @returns {Promise<void>}
+         */
+        async changeLang(lang : string) {
+            const message = (await langModules["../lang/" + lang + ".json"]()).default;
+            this.$i18n.setLocaleMessage(lang, message);
+            this.$i18n.locale = lang;
+            localStorage.locale = lang;
+            setPageLocale();
+        }
+    }
+});