hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Allow to pick language unlogged and format fallback messages

Browse Source 
Closes #479

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2020-11-30 17:57:08 +01:00
parent 2141f92a30
commit 005fb90556
3 changed files with 52 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/src/utils/auth.ts
View File

@@ -32,6 +32,10 @@ export function saveLocaleData(locale: string): void {
localStorage.setItem(USER_LOCALE, locale);
}
export function getLocaleData(): string | null {
return localStorage.getItem(USER_LOCALE);
}
export function saveActorData(obj: IPerson): void {
localStorage.setItem(AUTH_USER_ACTOR_ID, `${obj.id}`);
}

11
js/src/utils/i18n.ts
View File

@@ -1,26 +1,30 @@
import Vue from "vue";
import VueI18n from "vue-i18n";
import { DateFnsPlugin } from "@/plugins/dateFns";
import { USER_LOCALE } from "@/constants";
import en from "../i18n/en_US.json";
import langs from "../i18n/langs.json";
import { getLocaleData } from "./auth";
const DEFAULT_LOCALE = "en_US";
let language =
localStorage.getItem(USER_LOCALE) ||
(document.documentElement.getAttribute("lang") as string);
getLocaleData() || (document.documentElement.getAttribute("lang") as string);
console.log("lang1", language);
language =
language ||
((window.navigator as any).userLanguage || window.navigator.language).replace(
/-/,
"_"
);
console.log("language2", language);
export const locale =
language && Object.prototype.hasOwnProperty.call(langs, language)
? language
: language.split("-")[0];
console.log("lang3", locale);
Vue.use(VueI18n);
export const i18n = new VueI18n({
@@ -29,6 +33,7 @@ export const i18n = new VueI18n({
// @ts-ignore
messages: en, // set locale messages
fallbackLocale: DEFAULT_LOCALE,
formatFallbackMessages: true,
});
const loadedLanguages = [DEFAULT_LOCALE];