翻訳のオーバーライド

問題

Lingo.dev コンパイラーは大規模言語モデルを使用してコンテンツを翻訳しますが、これらは本質的に非決定的です。しかし、場合によってはモデルに決定させるのではなく、特定のテキストを特定の方法で翻訳したいことがあります。

解決策

React要素にdata-lingo-override-[locale]属性を使用します。ここで：

• [locale]は設定されたターゲットロケールの言語コードです
• 属性の値はそのロケールに使用するテキストです

コンパイラーが実行されると、この属性を持つ要素（指定されたロケールの）の翻訳をスキップし、代わりに提供された値を使用します。

複数の属性を一度にオーバーライドすることができます。

例：翻訳のオーバーライド

export function App() {
  return <button data-lingo-override-es="¡Hola!">Hello!</button>;
}

例：複数の翻訳のオーバーライド

export function App() {
  return (
    <button
      data-lingo-override-es="¡Hola!"
      data-lingo-override-fr="Bonjour!"
      data-lingo-override-pt="Olá!"
    >
      Hello!
    </button>
  );
}