Neue Locales hinzufügen

Eine Locale hinzufügen

Öffne tyndale.config.json und füge den Locale-Code zum locales-Array hinzu:

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

defaultLocale ist deine Quellsprache und darf daher nicht in locales erscheinen.

Führe dann aus:

npx tyndale translate

translate führt zuerst automatisch die Extraktion aus und generiert dann Übersetzungen für die neue Locale, wobei bestehende Locale-Dateien unverändert bleiben, außer wenn veraltete Einträge bereinigt werden müssen.

Locale-Aliasse

Ordne Variantencodes mit localeAliases kanonischen Codes zu:

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

RTL-Unterstützung

Tyndale erkennt RTL-Locales, aber es setzt <html dir> nicht automatisch für dich. Verbinde die Schreibrichtung explizit mit den aktuellen Locale-Helpern:

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

In Client-Components verwende useDirection(), wenn du den aktiven Richtungswert innerhalb der gerenderten UI benötigst.