feat: split hooks

packages/website-ue/src/hooks/useGameStrings.ts

@@ -3,11 +3,10 @@ import { useAwait } from "./useAwait";
 import { useLocale } from "./useLocale";
 
 export function useGameStrings(group: string) {
-  const { locale } = useLocale();
+  const locale = useLocale();
   const strings = useAwait(
     () => api.groupedGameStrings(locale, group, true),
     `game-strings-${locale}-${group}`
   );
-
   return strings;
 }

packages/website-ue/src/hooks/useLocale.tsx

@@ -1,7 +1,5 @@
 import locales from "@blitzkit/i18n/locales.json";
 import { createContext, useContext, type ReactNode } from "react";
-import { api } from "../core/api/dynamic";
-import { useAwait } from "./useAwait";
 
 const LocaleContext = createContext<{
   locale: string;
@@ -26,12 +24,7 @@ export function useLocale() {
     throw new Error("useLocale must be used within a LocaleProvider");
   }
 
-  const strings = useAwait(
-    () => api.strings(context.locale),
-    `strings-${context.locale}`
-  );
-
-  return { locale: context.locale, strings };
+  return context.locale;
 }
 
 export interface LocaleAcceptorProps {

packages/website-ue/src/hooks/useStrings.ts

@@ -0,0 +1,9 @@
+import { api } from "../core/api/dynamic";
+import { useAwait } from "./useAwait";
+import { useLocale } from "./useLocale";
+
+export function useStrings() {
+  const locale = useLocale();
+  const strings = useAwait(() => api.strings(locale), `strings-${locale}`);
+  return strings;
+}