国际化系统

packages/editor-app/src/hooks/useLocale.ts

@@ -0,0 +1,30 @@
+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
+  };
+}