@intlayer/docs 9.0.0-canary.2 → 9.0.0-canary.21

package/docs/ja/compat/svelte-i18n.md

@@ -0,0 +1,47 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Svelte I18nからIntlayerへの移行"
+description: "compat アダプターを使用して、Svelte アプリケーションを svelte-i18n から Intlayer に移行する方法を学びます。"
+keywords:
+  - svelte-i18n
+  - svelte
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - svelte-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Svelte I18n から Intlayer への移行
+
+`svelte-i18n` から Intlayer への Svelte アプリケーションの移行は、compat adapter を使用することで、わずかな時間で完了します。
+
+## やることリスト
+
+プロジェクトで初期化コマンドを実行するだけです:
+
+```bash
+npx intlayer init
+```
+
+これにより `intlayer.config.ts` が生成されます。SvelteKit / Vite プラグインが Intlayer のエイリアスプラグインでラップされていることを確認して、`svelte-i18n` を `@intlayer/svelte-i18n` にシームレスにマップします。
+
+## 内部動作
+
+Svelte-i18n は頻繁に使用される store（`$_`、`$t`、`$format` など）と ICU MessageFormat に依存しています。
+
+内部動作：
+
+- **Stores:** Intlayer は `svelte-i18n` store をプロキシします。`$_` は現在のロケールの派生 store になり、Intlayer resolver を返します。
+- **Keys:** フラットキー（例：`$_('home.title')`）が評価され、最初のパスセグメントが Intlayer dictionary を表します。
+- **ICU Syntax:** 共有 ICU resolver（`intl-messageformat` と同等のパース）によって完全に処理されます。
+- **Formatters:** `$date`、`$time`、`$number` の呼び出しは Intlayer のネイティブコアフォーマッターに安全にリダイレクトされます。
+- **Babel/SWC Analysis:** Intlayer analyzer は コンパイル前に `.svelte` ソースファイル内の Svelte store 呼び出し（`$_`）を読み取り、関連する dictionary chunks を自動的にビルドします。

package/docs/ja/compat/transloco.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "TranslocoからIntlayerへの移行"
+description: "compatアダプターを使用してAngularアプリケーションをTranslocoからIntlayerに移行する方法を学びます。"
+keywords:
+  - transloco
+  - angular
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - transloco
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Transloco から Intlayer への移行
+
+Angular アプリケーションが現在 `@jsverse/transloco` を使用している場合、当社の compat アダプタを使用して Intlayer に移行できます。この移行により、既存のテンプレート構文を維持しながら、Intlayer の強力な辞書構造を活用できます。
+
+## やること
+
+プロジェクトで初期化コマンドを実行するだけです：
+
+```bash
+npx intlayer init
+```
+
+これにより、必要な `intlayer.config.ts` 設定が生成されます。その後、Transloco のインポートを `@intlayer/transloco` モジュールに置き換えるか、ビルド aliases に依存します。
+
+## 内部動作
+
+Translocoは、スコープと`TranslocoService`（`translate`、`selectTranslate`）を、構造的ディレクティブ（`*transloco="let t"`）とパイプ（`| transloco`）とともに使用します。
+
+内部動作：
+
+- **スコープ：** Intlayerの辞書キーに自然にマップされ、バンドルの最適化のための優れたプルーニング機能を提供します。
+- **サービスとディレクティブ：** Intlayerの角度アダプターはプロバイダーをシームレスに置き換え、既存のテンプレートパイプとディレクティブがIntlayer辞書に対して文字列を解決できるようにします。
+- **ビルド時パース：** TypeScriptアナライザーは`instant/get`呼び出しを認識し、フォールバックプルーニングはテンプレートの使用が静的に追跡可能でない場合でも正確性を保証します。

package/docs/ja/compat/vue-i18n.md

@@ -0,0 +1,58 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Vue I18nからIntlayerへの移行"
+description: "compatアダプタを使用してVueアプリケーションをvue-i18nからIntlayerに移行する方法を学びます。"
+keywords:
+  - vue-i18n
+  - vue
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - vue-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Vue I18n から Intlayer への移行
+
+Vue アプリケーションが現在 `vue-i18n` を使用している場合、コンポーネントを書き直したり、フックを翻訳したりすることなく、Intlayer に移行できます。Intlayer は `vue-i18n` の API を完全に反映する互換性アダプターを提供しながら、Intlayer の強力な機能を内部で活用しています。
+
+## 実施すべきこと
+
+まず、プロジェクトで初期化コマンドを実行してください：
+
+```bash
+npx intlayer init
+```
+
+初期化中、Intlayer は設定ファイル（`intlayer.config.ts`）をセットアップし、プロジェクトをマイグレーション用に準備します。Vite 設定に Intlayer プラグインを追加するだけで、`vue-i18n` インポートを自動的にエイリアスできます。
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import vueI18nVitePlugin from "@intlayer/vue-i18n/plugin";
+
+export default defineConfig({
+  plugins: [vue(), vueI18nVitePlugin()],
+});
+```
+
+## 内部的な動作
+
+`vueI18nVitePlugin` はバンドラーにモジュールエイリアスを注入します。コードベース内の `vue-i18n` のあらゆるインポートは、透過的に `@intlayer/vue-i18n` にリダイレクトされます。
+
+**内部的には、アダプターは複雑な `vue-i18n` 構文をネイティブに処理します：**
+
+- **補間とプルーラル：** `{name}` とリスト `{0}` の補間を解決します。パイププルーラル（`"car | cars"`）は位置セマンティクスに基づいて Intlayer の列挙型/プルーラルノードに変換されます。
+- **フォーマット：** `d()` や `n()` などの関数は内部的に `Intl` をラップし、オプションで定義された `datetimeFormats` と `numberFormats` を尊重します。
+- **グローバルおよびローカルの状態：** `global.locale` は Intlayer クライアントによって支援される `WritableComputedRef` にマップされるため、リアクティビティはまさに期待通りに機能します（例：`locale.value = 'fr'`）。
+- **ディレクティブ：** `v-t` ディレクティブが登録され、正常に機能します。
+
+アプリケーションは以前と全く同じようにレンダリングされ続けますが、コンテンツは Intlayer ディクショナリによって駆動されるため、型安全性、より優れたバンドル最適化、シームレスな CMS 統合を得られます。

package/docs/ja/compiler.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-09-09
-updatedAt: 2026-03-12
+updatedAt: 2026-06-23
 title: Intlayer コンパイラー | i18n のための自動コンテンツ抽出
 description: Intlayer コンパイラーで国際化プロセスを自動化しましょう。コンポーネントから直接コンテンツを抽出し、Vite、Next.js などでより高速かつ効率的な i18n を実現します。
 keywords:
@@ -60,6 +60,8 @@ author: aymericzip
 
 ## 使い方
 
+> The quickest way to wire the compiler in is the interactive setup: run `npx intlayer init --interactive` and select **Compiler**. On Vite there is nothing to configure — the compiler is plugged in directly through the `intlayerCompiler()` plugin. On Next.js the command scaffolds the `babel.config.js` shown below. The non-interactive `intlayer init` leaves the compiler setup untouched.
+
 <Tabs>
  <Tab value='vite'>
 
@@ -79,12 +81,15 @@ npm install vite-intlayer
 
 ```ts fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayer, intlayerCompiler } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
   plugins: [
-    intlayer(),
-    intlayerCompiler(), // コンパイラープラグインを追加
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
   ],
 });
 ```

package/docs/ja/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-06-17
+updatedAt: 2026-07-11
 title: 設定 (Configuration)
 description: アプリケーションにIntlayerを設定する方法について説明します。ニーズに合わせてIntlayerをカスタマイズするためのさまざまな設定とオプションを理解してください。
 keywords:
@@ -14,6 +14,12 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 9.0.0
+    date: 2026-07-11
+    changes: "`analytics` 設定を追加"
+  - version: 9.0.0
+    date: 2026-06-24
+    changes: "Add `enableProxy` option to the routing configuration"
   - version: 8.10.0
     date: 2026-06-17
     changes: "辞書設定に `format` オプションを追加"
@@ -352,6 +358,30 @@ const config: IntlayerConfig = {
     liveSync: true,
   },
 
+  /**
+   * アナリティクス（analytics）設定。
+   */
+  analytics: {
+    /**
+     * アナリティクス収集を有効にするかどうか（ページビュー、コンテンツの露出、A/Bイベント）。
+     * 帰属（attribution）のために `editor.clientId` の設定が必要です。
+     * デフォルト: false
+     */
+    enabled: true,
+
+    /**
+     * バックエンドへの自動バッチ送信間のミリ秒数。
+     * デフォルト: 20000
+     */
+    flushInterval: 20000,
+
+    /**
+     * 記録するセッションの割合。0（なし）から1（すべて）まで。
+     * デフォルト: 1
+     */
+    sampleRate: 1,
+  },
+
   /**
    * AI による翻訳と生成の設定。
    */
@@ -665,6 +695,20 @@ export default config;
 
 ---
 
+### アナリティクス設定 (Analytics)
+
+Intlayerアナリティクスに関する設定を定義します。ユーザーに実際に表示されたコンテンツ（ページビュー、コンテンツの露出）を収集し、コンテンツのA/Bテストを可能にします。
+
+アナリティクスは厳密にオプトイン方式です。`analytics.enabled` が明示的に `true` に設定され、**かつ** 帰属のためのプロジェクトキー（`editor.clientId`）が設定されない限り、何も収集されません。無効の場合（デフォルト）、アナリティクスの統合全体がアプリケーションのバンドルから削除されます（デッドコード除去）。
+
+| フィールド      | 説明                                                                              | 型        | デフォルト | 例      | 備考                                                                                                                                       |
+| --------------- | --------------------------------------------------------------------------------- | --------- | ---------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| `enabled`       | アナリティクス収集を有効にします（ページビュー、コンテンツの露出、A/Bイベント）。 | `boolean` | `false`    | `true`  | 帰属のために `editor.clientId` の設定が必要です。設定されていない場合、`enabled` が `true` でもアナリティクスは無効のままです。            |
+| `flushInterval` | バックエンドへの自動バッチ送信間のミリ秒数。                                      | `number`  | `20000`    | `10000` |                                                                                                                                            |
+| `sampleRate`    | 記録するセッションの割合。`0`（なし）から`1`（すべて）まで。                      | `number`  | `1`        | `0.5`   | サンプリングはセッションごとに決定的であるため、記録されたセッションはそのすべてのイベントを報告します（部分的なファネルにはなりません）。 |
+
+---
+
 ### ルーティング設定 (Routing)
 
 URL 構造、ロケール保存、ミドルウェア管理など、ルーティングの動作を制御する設定。
@@ -882,6 +926,21 @@ export default config;
 
 ---
 
+### システム設定
+
+Intlayerの内部パスと出力結果に関連する設定。これらの設定は通常内部的なものであり、ユーザーが変更する必要はありません。
+
+| Field                     | Description                                                           | Type     | Default                           | Example              | Note                                                         |
+| ------------------------- | --------------------------------------------------------------------- | -------- | --------------------------------- | -------------------- | ------------------------------------------------------------ |
+| `baseDir`                 | プロジェクトのベースディレクトリ。                                    | `string` | `process.cwd()`                   | `'/path/to/project'` | すべてのIntlayer関連ディレクトリを解決するために使用される。 |
+| `dictionariesDir`         | ローカライゼーション辞書を保存するディレクトリパス。                  | `string` | `'.intlayer/dictionary'`          |                      |                                                              |
+| `moduleAugmentationDir`   | モジュール拡張用ディレクトリ。IDEの提案とタイプチェックを向上させる。 | `string` | `'.intlayer/types'`               | `'intlayer-types'`   | `tsconfig.json`に含めることを確認する。                      |
+| `unmergedDictionariesDir` | マージされていない辞書を保存するディレクトリ。                        | `string` | `'.intlayer/unmerged_dictionary'` |                      |                                                              |
+| `typesDir`                | 辞書タイプを保存するディレクトリ。                                    | `string` | `'.intlayer/types'`               |                      |                                                              |
+| `mainDir`                 | メインアプリケーションファイルが保存されるディレクトリ。              | `string` | `'.intlayer/main'`                |                      |                                                              |
+| `configDir`               | 設定ファイルが保存されるディレクトリ。                                | `string` | `'.intlayer/config'`              |                      |                                                              |
+| `cacheDir`                | キャッシュファイルが保存されるディレクトリ。                          | `string` | `'.intlayer/cache'`               |                      |                                                              |
+
 ### 辞書設定 (Dictionary)
 
 自動入力動作やコンテンツ生成など、辞書操作を制御するパラメータ。
@@ -990,22 +1049,6 @@ Intlayer がアプリケーションの国際化をどのように最適化お
 
 ---
 
-### システム設定 (System)
-
-これらの設定は、高度なユースケースおよび Intlayer の内部設定用です。
-
-| フィールド                | 説明                                           | 型       | デフォルト                        | 例  | 備考 |
-| ------------------------- | ---------------------------------------------- | -------- | --------------------------------- | --- | ---- |
-| `dictionariesDir`         | コンパイルされた辞書用のディレクトリ。         | `string` | `'.intlayer/dictionary'`          |     |      |
-| `moduleAugmentationDir`   | TypeScript のモジュール拡張用ディレクトリ。    | `string` | `'.intlayer/types'`               |     |      |
-| `unmergedDictionariesDir` | マージされていない辞書用のディレクトリ。       | `string` | `'.intlayer/unmerged_dictionary'` |     |      |
-| `typesDir`                | 生成された型用のディレクトリ。                 | `string` | `'.intlayer/types'`               |     |      |
-| `mainDir`                 | Intlayer メインファイル用のディレクトリ。      | `string` | `'.intlayer/main'`                |     |      |
-| `configDir`               | コンパイルされた設定ファイル用のディレクトリ。 | `string` | `'.intlayer/config'`              |     |      |
-| `cacheDir`                | キャッシュファイル用のディレクトリ。           | `string` | `'.intlayer/cache'`               |     |      |
-
----
-
 ### コンパイラ設定 (Compiler)
 
 コンポーネントから直接辞書を抽出する Intlayer コンパイラを制御する設定。

package/docs/ja/custom_domains.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-04-02
-updatedAt: 2026-04-02
+updatedAt: 2026-06-23
 title: カスタムドメイン
 description: Intlayerでのドメインベースのロケールルーティングを設定し、専用のホスト名から異なるロケールを提供する方法を学びます。
 keywords:
@@ -172,10 +172,16 @@ GET intlayer.zh/about
 
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayerProxy } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
-  plugins: [intlayerProxy()],
+  plugins: [
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
+  ],
 });
 ```
 

package/docs/ja/custom_url_rewrites.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-01-26
+updatedAt: 2026-06-23
 title: カスタムURLリライト
 description: Intlayerでロケール固有のパスを定義するためのカスタムURLリライトの設定と使用方法を学びます。
 keywords:
@@ -342,10 +342,16 @@ SolidJS、Vue、Svelte 向けに、開発中のリライトは `intlayerProxy` V
 
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayerProxy } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
-  plugins: [intlayerProxy()],
+  plugins: [
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
+  ],
 });
 ```
 

package/docs/ja/dictionary/content_file.md

@@ -579,6 +579,10 @@ export default aboutPageMetaContent;
 
 リモート辞書の場合、リモートサーバー上の辞書の一意識別子です。リモートコンテンツの取得および管理に使用されます。
 
+##### `projectIds` (string[])
+
+リモート辞書の場合、この配列は、この辞書を使用できるプロジェクトのIDを含みます。リモート辞書は、複数のプロジェクト間で共有できます。
+
 ##### `localId` (LocalDictionaryId)
 
 ローカル辞書の一意識別子。辞書がローカルかリモートか、その場所を判別するためにIntlayerによって自動生成されます。

package/docs/ja/dictionary/enumeration.md

@@ -468,193 +468,6 @@ document.getElementById("ranking")!.textContent = content.ordinal(lastDigit)({
   </Tab>
 </Tabs>
 
-## Combining Enumeration with Insert for Ordinal Numbers
-
-<Tabs group="framework">
-  <Tab label="React" value="react">
-
-To use enumeration in a React component, you can leverage the `useIntlayer` hook from the `react-intlayer` package. This hook retrieves the correct content based on the specified ID. Here's an example of how to use it:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const CarComponent: FC = () => {
-  const { numberOfCar } = useIntlayer("car_count");
-
-  return (
-    <div>
-      <p>
-        {
-          numberOfCar(0) // Output: No cars
-        }
-      </p>
-      <p>
-        {
-          numberOfCar(6) // Output: Some cars
-        }
-      </p>
-      <p>
-        {
-          numberOfCar(20) // Output: Many cars
-        }
-      </p>
-      <p>
-        {
-          numberOfCar(0.01) // Output: Fallback value
-        }
-      </p>
-    </div>
-  );
-};
-```
-
-  </Tab>
-  <Tab label="Next.js" value="nextjs">
-
-To use enumeration in Next.js Client Components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-
-const CarComponent: FC = () => {
-  const { numberOfCar } = useIntlayer("car_count");
-
-  return (
-    <div>
-      <p>{numberOfCar(6)}</p>
-    </div>
-  );
-};
-
-export default CarComponent;
-```
-
-  </Tab>
-  <Tab label="Vue" value="vue">
-
-To use enumeration in Vue components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```vue fileName="**/*.vue"
-<script setup lang="ts">
-import { useIntlayer } from "vue-intlayer";
-
-const { numberOfCar } = useIntlayer("car_count");
-</script>
-
-<template>
-  <div>
-    <p>{{ numberOfCar(6) }}</p>
-  </div>
-</template>
-```
-
-  </Tab>
-  <Tab label="Svelte" value="svelte">
-
-To use enumeration in Svelte components, retrieve it via the `useIntlayer` hook. The store is accessed with `$`. Here's an example:
-
-```svelte fileName="**/*.svelte"
-<script lang="ts">
-import { useIntlayer } from "svelte-intlayer";
-
-const content = useIntlayer("car_count");
-</script>
-
-<div>
-  <p>{$content.numberOfCar(6)}</p>
-</div>
-```
-
-  </Tab>
-  <Tab label="Preact" value="preact">
-
-To use enumeration in Preact components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "preact";
-import { useIntlayer } from "preact-intlayer";
-
-const CarComponent: FC = () => {
-  const { numberOfCar } = useIntlayer("car_count");
-
-  return (
-    <div>
-      <p>{numberOfCar(6)}</p>
-    </div>
-  );
-};
-
-export default CarComponent;
-```
-
-  </Tab>
-  <Tab label="Solid" value="solid">
-
-To use enumeration in SolidJS components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { Component } from "solid-js";
-import { useIntlayer } from "solid-intlayer";
-
-const CarComponent: Component = () => {
-  const { numberOfCar } = useIntlayer("car_count");
-
-  return (
-    <div>
-      <p>{numberOfCar(6)}</p>
-    </div>
-  );
-};
-
-export default CarComponent;
-```
-
-  </Tab>
-  <Tab label="Angular" value="angular">
-
-To use enumeration in Angular components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="app.component.ts" codeFormat="typescript"
-import { Component } from "@angular/core";
-import { useIntlayer } from "angular-intlayer";
-
-@Component({
-  selector: "app-car",
-  template: `
-    <div>
-      <p>{{ content().numberOfCar(6) }}</p>
-    </div>
-  `,
-})
-export class CarComponent {
-  content = useIntlayer("car_count");
-}
-```
-
-  </Tab>
-  <Tab label="Vanilla JS" value="vanilla">
-
-To use enumeration with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("car_count").onChange((newContent) => {
-  document.getElementById("cars")!.textContent = newContent.numberOfCar(6);
-});
-
-// Initial render
-document.getElementById("cars")!.textContent = content.numberOfCar(6);
-```
-
-  </Tab>
-</Tabs>
 ## Additional Resources
 
 For more detailed information on configuration and usage, refer to the following resources:

package/docs/ja/dictionary/function_fetching.md

@@ -89,33 +89,6 @@ JSONファイルからコンテンツを取得する方法はありません。
 
 この場合、`fakeFetch` 関数はサーバーの応答時間をシミュレートするために遅延を模倣しています。Intlayer は非同期関数を実行し、その結果を `text` キーのコンテンツとして使用します。
 
-## React コンポーネントで関数ベースのコンテンツを使用する
-
-React コンポーネントで関数ベースのコンテンツを使用するには、`react-intlayer` から `useIntlayer` をインポートし、コンテンツ ID を指定して呼び出す必要があります。以下はその例です。
-
-```typescript fileName="**/*.jsx" codeFormat="typescript"
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const MyComponent: FC = () => {
-  const functionContent = useIntlayer("function_content");
-  const asyncFunctionContent = useIntlayer("async_function_content");
-
-  return (
-    <div>
-      <p>{functionContent.text}</p>
-      {/* 出力: これは関数によってレンダリングされたコンテンツです */}
-      <p>{asyncFunctionContent.text}</p>
-      {/* 出力: これはサーバーから取得されたコンテンツです */}
-    </div>
-  );
-};
-
-export default MyComponent;
-```
-
-この場合、`fakeFetch`関数はサーバーの応答時間をシミュレートするために遅延を模倣しています。Intlayerは非同期関数を実行し、その結果を`text`キーのコンテンツとして使用します。
-
 ## Reactコンポーネントで関数ベースのコンテンツを使用する
 
 Reactコンポーネントで関数ベースのコンテンツを使用するには、`react-intlayer`から`useIntlayer`をインポートし、コンテンツIDを渡してコンテンツを取得します。以下は例です：