src/language.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

import { writable, derived } from "svelte/store";
import translations from './translations.js';

let defaultLanguage = 'chinese';
let language = writable(defaultLanguage);
let languageState = defaultLanguage;

function setLanguage(newLanguage) {
    localStorage.setItem('language', newLanguage);
    languageState = newLanguage;
    language.set(newLanguage);
}

function initLanguage() {
    let cachedLanguage = localStorage.getItem('language');
    if (cachedLanguage !== null) {
        setLanguage(cachedLanguage);
    }
}

const currentTranslations = derived(language, ($language) => {
    return translations[$language] || translations.chinese;
});

export {
    language,
    languageState,
    setLanguage,
    initLanguage,
    currentTranslations,
};