40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
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();
|
|
}
|
|
}
|
|
});
|