Creation:2026-01-21Last update:2026-05-06

    useIntlayer フックのドキュメント

    useIntlayer フックは、キーを使って辞書からローカライズされたコンテンツを取得することを可能にします。Solidでは、このフックはロケールが変更されると自動的に更新されるリアクティブなアクセス関数(Accessor)を返します。

    使用例

    tsx
    import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};

    説明

    このフックは次の処理を行います:

    1. ロケール検出: IntlayerProvider コンテキストから現在のロケールを使用します。
    2. 辞書の注入: Intlayer コンパイラによって生成された最適化済みの宣言を使用して、与えられたキーに対応する辞書の内容を自動的に注入します。
    3. リアクティビティ: グローバルなロケール状態が変更されると自動的に再評価される Solid のアクセサ(Accessor<T>)を返します。
    4. 翻訳処理: 検出されたロケールに基づいてコンテンツを解決し、辞書内で見つかった t()enu() 等の定義を処理します。

    パラメータ

    • key: 辞書の一意のキー(content declaration files で定義されているもの)。
    • locale(省略可): 現在のロケールをオーバーライドします。

    戻り値

    ローカライズされたコンテンツを返すアクセサ関数(() => Content)。