b6234848fb
* chore(deps): bump react-i18next from 11.16.6 to 12.1.1 Bumps [react-i18next](https://github.com/i18next/react-i18next) from 11.16.6 to 12.1.1. - [Release notes](https://github.com/i18next/react-i18next/releases) - [Changelog](https://github.com/i18next/react-i18next/blob/master/CHANGELOG.md) - [Commits](https://github.com/i18next/react-i18next/compare/v11.16.6...v12.1.1) --- updated-dependencies: - dependency-name: react-i18next dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * Update related deps, TS fixes Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Tom Moor <tom.moor@gmail.com>
109 lines
2.4 KiB
TypeScript
109 lines
2.4 KiB
TypeScript
import i18n from "i18next";
|
||
import backend from "i18next-http-backend";
|
||
import { initReactI18next } from "react-i18next";
|
||
import { unicodeBCP47toCLDR, unicodeCLDRtoBCP47 } from "../utils/date";
|
||
|
||
// Note: Updating the available languages? Make sure to also update the
|
||
// locales array in app/utils/i18n.js to enable translation for timestamps.
|
||
export const languageOptions = [
|
||
{
|
||
label: "English (US)",
|
||
value: "en_US",
|
||
},
|
||
{
|
||
label: "简体中文 (Chinese, Simplified)",
|
||
value: "zh_CN",
|
||
},
|
||
{
|
||
label: "繁體中文 (Chinese, Traditional)",
|
||
value: "zh_TW",
|
||
},
|
||
{
|
||
label: "Deutsch (German)",
|
||
value: "de_DE",
|
||
},
|
||
{
|
||
label: "Español (Spanish)",
|
||
value: "es_ES",
|
||
},
|
||
{
|
||
label: "Français (French)",
|
||
value: "fr_FR",
|
||
},
|
||
{
|
||
label: "Italiano (Italian)",
|
||
value: "it_IT",
|
||
},
|
||
{
|
||
label: "日本語 (Japanese)",
|
||
value: "ja_JP",
|
||
},
|
||
{
|
||
label: "한국어 (Korean)",
|
||
value: "ko_KR",
|
||
},
|
||
{
|
||
label: "Nederland (Dutch, Netherlands)",
|
||
value: "nl_NL",
|
||
},
|
||
{
|
||
label: "Português (Portuguese, Brazil)",
|
||
value: "pt_BR",
|
||
},
|
||
{
|
||
label: "Português (Portuguese, Portugal)",
|
||
value: "pt_PT",
|
||
},
|
||
{
|
||
label: "Polskie (Polish)",
|
||
value: "pl_PL",
|
||
},
|
||
{
|
||
label: "فارسی (Persian)",
|
||
value: "fa_IR",
|
||
},
|
||
{
|
||
label: "Pусский (Russian)",
|
||
value: "ru_RU",
|
||
},
|
||
{
|
||
label: "Türkçe (Turkish)",
|
||
value: "tr_TR",
|
||
},
|
||
{
|
||
label: "Tiếng Việt (Vietnamese)",
|
||
value: "vi_VN",
|
||
},
|
||
];
|
||
|
||
export const languages: string[] = languageOptions.map((i) => i.value);
|
||
|
||
export const initI18n = (defaultLanguage = "en_US") => {
|
||
const lng = unicodeCLDRtoBCP47(defaultLanguage);
|
||
i18n
|
||
.use(backend)
|
||
.use(initReactI18next)
|
||
.init({
|
||
compatibilityJSON: "v3",
|
||
backend: {
|
||
// this must match the path defined in routes. It's the path that the
|
||
// frontend UI code will hit to load missing translations.
|
||
loadPath: (languages: string[]) =>
|
||
`/locales/${unicodeBCP47toCLDR(languages[0])}.json`,
|
||
},
|
||
interpolation: {
|
||
escapeValue: false,
|
||
},
|
||
react: {
|
||
useSuspense: false,
|
||
},
|
||
lng,
|
||
fallbackLng: lng,
|
||
supportedLngs: languages.map(unicodeCLDRtoBCP47),
|
||
// Uncomment when debugging translation framework, otherwise it's noisy
|
||
keySeparator: false,
|
||
returnNull: false,
|
||
});
|
||
return i18n;
|
||
};
|