31 lines
753 B
TypeScript
31 lines
753 B
TypeScript
|
import { useState, useEffect } from 'react';
|
||
|
|
import { Core } from '@esengine/ecs-framework';
|
||
|
|
import { LocaleService, type Locale } from '@esengine/editor-core';
|
||
|
|
|
||
|
|
export function useLocale() {
|
||
|
|
const localeService = Core.services.resolve(LocaleService);
|
||
|
|
const [locale, setLocale] = useState<Locale>(localeService.getCurrentLocale());
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const unsubscribe = localeService.onChange((newLocale) => {
|
||
|
|
setLocale(newLocale);
|
||
|
|
});
|
||
|
|
|
||
|
|
return unsubscribe;
|
||
|
|
}, [localeService]);
|
||
|
|
|
||
|
|
const t = (key: string, fallback?: string) => {
|
||
|
|
return localeService.t(key, fallback);
|
||
|
|
};
|
||
|
|
|
||
|
|
const changeLocale = (newLocale: Locale) => {
|
||
|
|
localeService.setLocale(newLocale);
|
||
|
|
};
|
||
|
|
|
||
|
|
return {
|
||
|
|
locale,
|
||
|
|
t,
|
||
|
|
changeLocale
|
||
|
|
};
|
||
|
|
}
|