Pedro Gomes
35e7027881
O que mudou
Infra (por app):
i18n/locales.ts — lista de locales (pt, en), default pt, labels para o seletor
i18n/request.ts — lê o cookie NEXT_LOCALE, carrega as mensagens
messages/pt.json + messages/en.json — todas as strings extraídas
next.config.ts — envolvido com withNextIntl (operator-pwa: withPWA(withNextIntl(...)))
app/layout.tsx — <html lang={locale}> dinâmico, NextIntlClientProvider
app/language-switcher.tsx — seletor PT | EN (cookie + router.refresh())
23 ficheiros de UI atualizados — todos os textos visíveis agora usam t('...') ou getTranslations.
Datas no relatório passaram de toLocaleString('pt-PT') fixo para useFormatter() do next-intl — localizam-se automaticamente.
Plurais em ICU no sync-chip: {count, plural, one {# pedido...} other {# pedidos...}}.
Resultado dos testes:
pnpm test:e2e — 3/3 ✓
pnpm test:e2e:auth — 4/4 ✓
tsc --noEmit em ambas as apps — limpo ✓
Para adicionar uma língua futura: criar messages/<locale>.json + adicionar o locale a i18n/locales.ts em cada app. O seletor aparece automaticamente.
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { NextIntlClientProvider } from 'next-intl';
|
|
import { getLocale, getMessages, getTranslations } from 'next-intl/server';
|
|
import type { Metadata, Viewport } from 'next';
|
|
import { Providers } from './providers';
|
|
import { SyncProvider } from './sync-provider';
|
|
import './globals.css';
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const t = await getTranslations('metadata');
|
|
return {
|
|
title: t('title'),
|
|
description: t('description'),
|
|
manifest: '/manifest.webmanifest',
|
|
applicationName: t('appName'),
|
|
appleWebApp: {
|
|
capable: true,
|
|
title: t('appName'),
|
|
statusBarStyle: 'default',
|
|
},
|
|
};
|
|
}
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: '#0f172a',
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
};
|
|
|
|
export default async function RootLayout({ children }: { children: React.ReactNode }) {
|
|
const locale = await getLocale();
|
|
const messages = await getMessages();
|
|
|
|
return (
|
|
<html lang={locale}>
|
|
<body className="min-h-screen bg-background font-sans antialiased">
|
|
<NextIntlClientProvider locale={locale} messages={messages}>
|
|
<Providers>
|
|
<SyncProvider>{children}</SyncProvider>
|
|
</Providers>
|
|
</NextIntlClientProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|