leomurca/embroidery-viewer
leomurca/embroidery-viewer
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Persist user lang chose

Browse source
This commit is contained in:
Leonardo Murça 2025-04-10 19:50:56 -03:00
parent ae02ec3c1a
commit 44853095b2
1 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/i18n/index.js
View file

@ -1,23 +1,35 @@
import { derived, writable } from "svelte/store";
import translations from "./translations";
const storedLocale = localStorage.getItem("locale");
const browserLocale = navigator.language || "en";
const [baseLang, region] = browserLocale.split("-");
const [baseLang] = browserLocale.split("-");
export const DEFAULT_LOCALE =
storedLocale && translations[storedLocale] ? storedLocale :
translations[browserLocale] ? browserLocale :
translations[baseLang] ? baseLang :
"en";
export const DEFAULT_LOCALE = translations[browserLocale] ? browserLocale : translations[baseLang] ? baseLang :"en";
export const locale = writable(DEFAULT_LOCALE);
locale.subscribe((value) => {
if (value) localStorage.setItem("locale", value);
});
export const locales = Object.entries(translations).map(([key, lang]) => [key, lang.name]);
function translate(locale, key, vars = {}) {
if (!key) throw new Error("Translation key is required.");
const fallbackLocale = "en";
const validLocale = translations[locale]
? locale
: translations[baseLang]
? baseLang
: "en";
: fallbackLocale;
let text = translations[validLocale][key] || translations["en"][key];
let text = translations[validLocale][key] || translations[fallbackLocale][key];
if (!text) {
console.error(`Missing translation for key "${key}" in locale "${validLocale}".`);
@ -32,4 +44,4 @@ function translate(locale, key, vars = {}) {
export const t = derived(locale, ($locale) => (key, vars = {}) =>
translate($locale, key, vars)
);
);