Adicionando novos locales

Adicionar um locale

Abra tyndale.config.json e adicione o código do locale ao array locales:

{
  "defaultLocale": "en",
  "locales": ["es", "fr", "ja", "de"]
}

defaultLocale é seu idioma de origem, então ele não deve aparecer em locales.

Depois, execute:

npx tyndale translate

translate executa automaticamente a extração primeiro e, em seguida, gera traduções para o novo locale, mantendo os arquivos de locale existentes inalterados, a menos que entradas obsoletas precisem de limpeza.

Aliases de locale

Mapeie códigos de variante para os canônicos com localeAliases:

{
  "localeAliases": {
    "pt-BR": "pt",
    "zh-TW": "zh"
  }
}

Suporte a RTL

O Tyndale detecta locales RTL, mas não altera <html dir> para você. Conecte a direção explicitamente com os helpers de locale atuais:

import { getDirection } from 'tyndale-next/server';

export default async function RootLayout({
  children,
  params,
}: {
  children: React.ReactNode;
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;

  return (
    <html lang={locale} dir={getDirection(locale)}>
      <body>{children}</body>
    </html>
  );
}

Em componentes de cliente, use useDirection() quando precisar do valor de direção ativa dentro da UI renderizada.