새 로캘 추가하기

로캘 추가

tyndale.config.json을 열고 locales 배열에 로캘 코드를 추가하세요:

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

defaultLocale는 소스 언어이므로 locales에 포함되면 안 됩니다.

그다음 실행하세요:

npx tyndale translate

translate는 먼저 추출을 자동으로 실행한 다음, 기존 로캘 파일은 오래된 항목 정리가 필요한 경우를 제외하고 그대로 두면서 새 로캘에 대한 번역을 생성합니다.

로캘 별칭

localeAliases를 사용해 변형 코드를 표준 코드에 매핑하세요:

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

RTL 지원

Tyndale는 RTL 로캘을 감지하지만, <html dir>을 자동으로 변경해 주지는 않습니다. 현재 로캘 헬퍼를 사용해 방향을 명시적으로 연결하세요:

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

클라이언트 컴포넌트에서는 렌더링된 UI 내부에서 현재 방향 값이 필요할 때 useDirection()을 사용하세요.