30 lines
1016 B
TypeScript
30 lines
1016 B
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Carries the resolved locale to client components.
|
||
|
|
*
|
||
|
|
* Only the locale string crosses the server/client boundary — dictionaries
|
||
|
|
* contain functions and would not serialise, so `useDictionary()` looks the
|
||
|
|
* object up on the client instead of receiving it as a prop.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { createContext, useContext, useMemo } from 'react';
|
||
|
|
import { DEFAULT_LOCALE, getDictionary, type Dictionary, type Locale } from '@/lib/i18n';
|
||
|
|
|
||
|
|
const LocaleContext = createContext<Locale>(DEFAULT_LOCALE);
|
||
|
|
|
||
|
|
export function I18nProvider({ locale, children }: { locale: Locale; children: React.ReactNode }) {
|
||
|
|
return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Resolved locale — `DEFAULT_LOCALE` outside a provider. */
|
||
|
|
export function useLocale(): Locale {
|
||
|
|
return useContext(LocaleContext);
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Dictionary for the current locale. */
|
||
|
|
export function useDictionary(): Dictionary {
|
||
|
|
const locale = useLocale();
|
||
|
|
return useMemo(() => getDictionary(locale), [locale]);
|
||
|
|
}
|