mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
Sameh Khamis
b20c80e590
Choosing a language in the picker now applies it at once. The choice is stored and ?lang is kept in step through replaceState, and the picker keeps focus. Code that writes translated text itself re-presents it on a switch: onLocaleChange() lets an owner listen, removed at teardown, and status writers hand over a function of the locale (voice cards, scene director, SDR, draw hints, imagery split, map sources, Bhote Koshi media) so the words are rebuilt rather than re-sent. The HUD, cockpit, radio, CCTV, launch, awareness and credit texts follow the same hook, and applyDocumentTranslations can be applied again without undoing text code wrote since. The unsaved-work registry and persistLocaleAndReload existed only to guard the reload, so they go, with their catalog entries.
60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
import { watch } from 'vue';
|
|
import { createI18n } from 'vue-i18n';
|
|
import {
|
|
bindLocale,
|
|
getCatalog,
|
|
getLocale,
|
|
notifyLocaleChange,
|
|
} from '../i18n/index.js';
|
|
import { DEFAULT_LOCALE, LOCALES } from '../i18n/locale.js';
|
|
|
|
let pageI18n = null;
|
|
|
|
// Catalogs are flat and keyed by English text, which holds dots.
|
|
const resolveFlat = (messages, key) =>
|
|
Object.hasOwn(messages, key) ? messages[key] : null;
|
|
|
|
/**
|
|
* The page's vue-i18n instance, installed in every application view. It
|
|
* holds the active locale and the catalogs; Core's t(), tn() and the Intl
|
|
* formatters read the locale from it, so a view that calls them while
|
|
* rendering re-renders when the locale changes. Views translate through
|
|
* t()/tn() rather than vue-i18n's own t: English is the key, `context` picks
|
|
* an entry, and plural forms follow Intl.PluralRules (docs/I18N.md).
|
|
* @returns {import('vue-i18n').I18n}
|
|
*/
|
|
export function applicationI18n() {
|
|
if (pageI18n) return pageI18n;
|
|
const messages = {};
|
|
for (const locale of LOCALES)
|
|
if (locale !== DEFAULT_LOCALE) messages[locale] = getCatalog(locale);
|
|
pageI18n = createI18n({
|
|
legacy: false,
|
|
globalInjection: false,
|
|
locale: getLocale(),
|
|
fallbackLocale: DEFAULT_LOCALE,
|
|
messages,
|
|
messageResolver: resolveFlat,
|
|
missingWarn: false,
|
|
fallbackWarn: false,
|
|
});
|
|
// vue-i18n disposes its instance when an app it is installed in unmounts;
|
|
// the page's outlives every view, so an unmounted panel keeps it.
|
|
const install = pageI18n.install;
|
|
pageI18n.install = (app, ...options) => {
|
|
const unmount = app.unmount;
|
|
const installed = install.call(pageI18n, app, ...options);
|
|
app.unmount = unmount;
|
|
return installed;
|
|
};
|
|
bindLocale(pageI18n.global.locale);
|
|
// Code that translated text itself shows it again, whichever way the
|
|
// locale changed (setLocale or the ref).
|
|
watch(
|
|
() => getLocale(),
|
|
() => notifyLocaleChange(),
|
|
{ flush: 'sync' },
|
|
);
|
|
return pageI18n;
|
|
}
|