df1c75f56a
- Update `next-intl` dependency from version 3.26.5 to 4.0.0 - Modify global type definitions to include new `Locale` and `Messages` types - Refactor various components and pages to use `Locale` type for params - Enhance internationalization handling by integrating `hasLocale` checks - Clean up imports and ensure consistent usage of `next-intl` features
65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { fontDMSans, fontSourceSans, fontSourceSerif4 } from '@/assets/fonts';
|
|
import { TailwindIndicator } from '@/components/tailwind-indicator';
|
|
import { routing } from '@/i18n/routing';
|
|
import { cn } from '@/lib/utils';
|
|
import { GeistMono } from 'geist/font/mono';
|
|
import { GeistSans } from 'geist/font/sans';
|
|
import { Locale, hasLocale, NextIntlClientProvider } from 'next-intl';
|
|
import { notFound } from 'next/navigation';
|
|
import { ReactNode } from 'react';
|
|
import { Toaster } from 'sonner';
|
|
import { Providers } from './providers';
|
|
|
|
import '@/styles/globals.css';
|
|
|
|
interface LocaleLayoutProps {
|
|
children: ReactNode;
|
|
params: Promise<{ locale: Locale }>;
|
|
}
|
|
|
|
/**
|
|
* 1. Locale Layout
|
|
* https://next-intl.dev/docs/getting-started/app-router/with-i18n-routing#layout
|
|
*
|
|
* 2. NextIntlClientProvider
|
|
* https://next-intl.dev/docs/usage/configuration#nextintlclientprovider
|
|
*/
|
|
export default async function LocaleLayout({
|
|
children,
|
|
params,
|
|
}: LocaleLayoutProps) {
|
|
const { locale } = await params;
|
|
|
|
// Ensure that the incoming `locale` is valid
|
|
if (!hasLocale(routing.locales, locale)) {
|
|
notFound();
|
|
}
|
|
|
|
return (
|
|
<html lang={locale} suppressHydrationWarning>
|
|
<body
|
|
suppressHydrationWarning
|
|
className={cn(
|
|
'size-full antialiased',
|
|
GeistSans.className,
|
|
fontDMSans.variable,
|
|
fontSourceSerif4.variable,
|
|
fontSourceSans.variable,
|
|
GeistSans.variable,
|
|
GeistMono.variable
|
|
)}
|
|
>
|
|
<NextIntlClientProvider>
|
|
<Providers>
|
|
{children}
|
|
|
|
<Toaster richColors position="top-right" offset={64} />
|
|
|
|
<TailwindIndicator />
|
|
</Providers>
|
|
</NextIntlClientProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|