Agregar nuevos locales

Agregar un locale

Abre tyndale.config.json y agrega el código del locale al arreglo locales:

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

defaultLocale es tu idioma de origen, por lo que no debe aparecer en locales.

Luego ejecuta:

npx tyndale translate

translate ejecuta automáticamente la extracción primero y luego genera traducciones para el nuevo locale, dejando intactos los archivos de locale existentes, salvo que sea necesario limpiar entradas obsoletas.

Alias de locales

Mapea códigos de variantes a códigos canónicos con localeAliases:

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

Soporte RTL

Tyndale detecta locales RTL, pero no modifica <html dir> por ti. Configura la dirección explícitamente con los helpers actuales de locale:

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>
  );
}

En componentes de cliente, usa useDirection() cuando necesites el valor de dirección activo dentro de la UI renderizada.