florian.wilde
33909c660b
Wörterbücher unter lib/i18n statt next-intl (Next.js 16 ist neu genug, dass eine externe Routing-Middleware zusätzliches Risiko bedeutet hätte); Sprache liegt in einem Cookie, kein URL-Präfix nötig, dadurch bleibt proxy.ts unverändert. LocaleProvider stellt Wörterbuch + Sprache per Context für Client-Komponenten bereit (lib/i18n/shared.ts ist bewusst getrennt von lib/i18n/index.ts, damit next/headers nicht in den Client-Bundle gelangt).
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
// Stellt Sprache + Wörterbuch für Client-Komponenten bereit. Wird einmal
|
|
// im Root-Layout mit dem serverseitig aus dem Cookie gelesenen Locale
|
|
// instanziiert; Client-Komponenten lesen darüber via useDict()/useLocale().
|
|
|
|
import { createContext, useContext, useMemo } from "react";
|
|
import { formatMessage } from "@/lib/i18n/shared";
|
|
import type { Dict, Locale } from "@/lib/i18n/shared";
|
|
|
|
interface LocaleContextValue {
|
|
locale: Locale;
|
|
dict: Dict;
|
|
}
|
|
|
|
const LocaleContext = createContext<LocaleContextValue | null>(null);
|
|
|
|
export function LocaleProvider({
|
|
locale,
|
|
dict,
|
|
children,
|
|
}: LocaleContextValue & { children: React.ReactNode }) {
|
|
const value = useMemo(() => ({ locale, dict }), [locale, dict]);
|
|
return (
|
|
<LocaleContext.Provider value={value}>{children}</LocaleContext.Provider>
|
|
);
|
|
}
|
|
|
|
function useLocaleContext(): LocaleContextValue {
|
|
const ctx = useContext(LocaleContext);
|
|
if (!ctx) throw new Error("useDict/useLocale muss innerhalb von LocaleProvider verwendet werden.");
|
|
return ctx;
|
|
}
|
|
|
|
export function useDict(): Dict {
|
|
return useLocaleContext().dict;
|
|
}
|
|
|
|
export function useLocale(): Locale {
|
|
return useLocaleContext().locale;
|
|
}
|
|
|
|
/** t("Text mit {var}", { var: "Wert" }) für Platzhalter in Übersetzungen. */
|
|
export function useFormatMessage() {
|
|
return formatMessage;
|
|
}
|