Aggiunta di nuove locale

Aggiungi una locale

Apri tyndale.config.json e aggiungi il codice della locale all’array locales:

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

defaultLocale è la tua lingua sorgente, quindi non deve comparire in locales.

Poi esegui:

npx tyndale translate

translate esegue automaticamente prima l’estrazione, poi genera le traduzioni per la nuova locale lasciando invariati i file delle locale esistenti, a meno che non sia necessario ripulire voci obsolete.

Alias delle locale

Mappa i codici variante a quelli canonici con localeAliases:

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

Supporto RTL

Tyndale rileva le locale RTL, ma non modifica <html dir> al posto tuo. Imposta esplicitamente la direzione usando gli helper della locale corrente:

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

Nei componenti client, usa useDirection() quando ti serve il valore della direzione attiva all’interno dell’interfaccia renderizzata.