@intlayer/docs 5.5.12 → 5.7.0

package/docs/ja/intlayer_visual_editor.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - concept
   - editor
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer Visual Editor ドキュメント

package/docs/ja/intlayer_with_angular.md

@@ -13,6 +13,7 @@ slugs:
   - doc
   - environment
   - angular
+# applicationTemplate: https://github.com/aymericzip/intlayer-angular-template
 ---
 
 # Intlayerを使ったAngularの国際化（i18n）入門

package/docs/ja/intlayer_with_create_react_app.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - create-react-app
+applicationTemplate: https://github.com/aymericzip/intlayer-react-cra-template
 ---
 
 # IntlayerとReact Create Appを使用した国際化(i18n)の開始方法

package/docs/ja/intlayer_with_lynx+react.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - lynx-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 ---
 
 # IntlayerとLynxとReactで国際化（i18n）を始める

package/docs/ja/intlayer_with_nextjs_14.md

@@ -15,6 +15,7 @@ slugs:
   - environment
   - nextjs
   - 14
+applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 ---
 
 # Intlayer と Next.js 14 の App Router を使った国際化（i18n）入門

package/docs/ja/intlayer_with_nextjs_15.md

@@ -14,6 +14,8 @@ slugs:
   - doc
   - environment
   - nextjs
+applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 ---
 
 # Intlayer と Next.js 15 App Router を使った国際化（i18n）入門
@@ -130,7 +132,7 @@ module.exports = config;
 
 Next.jsのセットアップをIntlayerを使うように設定します:
 
-```typescript filename="next.config.ts" codeFormat="typescript"
+```typescript fileName="next.config.ts" codeFormat="typescript"
 import type { NextConfig } from "next";
 import { withIntlayer } from "next-intlayer/server";
 

package/docs/ja/intlayer_with_nuxt.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - nuxt-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
 ---
 
 # Intlayer と Nuxt で国際化（i18n）を始める

package/docs/ja/intlayer_with_react_native+expo.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - react-native-and-expo
+applicationTemplate: https://github.com/aymericzip/intlayer-react-native-template
 ---
 
 # Intlayer と React Native で国際化（i18n）を始める

package/docs/ja/intlayer_with_vite+preact.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-preact
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 
 # Intlayer と Vite と Preact で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npm を使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer preact-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer preact-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer preact-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+react.md

@@ -15,10 +15,13 @@ slugs:
   - doc
   - environment
   - vite-and-react
----
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4---
 
 # IntlayerとViteとReactで始める国際化（i18n）
 
+<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+
 GitHubの[アプリケーションテンプレート](https://github.com/aymericzip/intlayer-vite-react-template)を参照してください。
 
 ## Intlayerとは？
@@ -42,17 +45,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer react-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer react-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer react-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+solid.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-solid
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-solid-template
 ---
 
 # Intlayer と Vite と Solid で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer solid-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer solid-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer solid-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+svelte.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-svelte
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-svelte-template
 ---
 
 # Intlayer と Vite と Svelte で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer svelte-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer svelte-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer svelte-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+vue.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-vue-template
 ---
 
 # Intlayer と Vite と Vue で国際化（i18n）を始める
@@ -41,17 +42,17 @@ npm を使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer vue-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer vue-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer vue-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**
@@ -981,7 +982,7 @@ Intlayerは、Vueアプリケーション内でMarkdownコンテンツを直接
 
 > `intlayer`パッケージを使ってMarkdownコンテンツを宣言する方法については、[markdownドキュメント](https://github.com/aymericzip/intlayer/tree/main/docs/ja/dictionary/markdown.md)を参照してください。
 
-```ts filename="main.ts"
+```ts fileName="main.ts"
 import MarkdownIt from "markdown-it";
 import { createApp, h } from "vue";
 import { installIntlayer, installIntlayerMarkdown } from "vue-intlayer";

package/docs/ja/mcp_server.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-06-07
-updatedAt: 2025-06-07
+updatedAt: 2025-07-11
 title: MCPサーバー ドキュメント
 description: MCPサーバーの機能とセットアップを探り、サーバー管理と運用を最適化します。
 keywords:
@@ -18,31 +18,58 @@ slugs:
 
 # Intlayer MCPサーバー
 
-**Intlayer MCP（Model Context Protocol）サーバー**は、Intlayerエコシステムに特化したAI搭載のIDE支援を提供します。**Cursor**、**GitHub Copilotワークスペース**、およびMCPプロトコルをサポートする任意のIDEのような最新の開発環境向けに設計されており、プロジェクトの設定に基づいたコンテキストに即したリアルタイムのサポートを提供します。
+**Intlayer MCP（Model Context Protocol）サーバー**は、Intlayerエコシステムに特化したAI搭載のIDE支援を提供します。
+
+## どこで使えますか？
+
+- **Cursor**、**VS Code**などの最新の開発環境や、MCPプロトコルをサポートする任意のIDEで。
+- **Claude Desktop**、**Gemini**、**ChatGPT**など、お気に入りのAIアシスタントで。
 
 ## なぜIntlayer MCPサーバーを使うのか？
 
-IDEでIntlayer MCPサーバーを有効にすることで、以下の機能が利用可能になります：
+Intlayer MCPサーバーをIDEで有効にすると、以下の機能が利用可能になります。
+
+- **コンテキスト対応ドキュメント**
+  MCPサーバーはIntlayerのドキュメントを読み込み、公開します。セットアップやマイグレーションの高速化に役立ちます。
+  これにより、コードの提案、コマンドオプション、説明が常に最新かつ関連性の高いものになります。
+
+- **スマートCLI統合**
+  IDEのインターフェースから直接Intlayer CLIコマンドにアクセスして実行できます。MCPサーバーを使うことで、AIアシスタントに`intlayer dictionaries build`コマンドを実行させて辞書を更新したり、`intlayer dictionaries fill`コマンドで不足している翻訳を補完させたりできます。
+
+  > コマンドとオプションの完全なリストは、[Intlayer CLIドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)でご覧ください。
+
+## ローカルサーバー（stdio）とリモートサーバー（SSE）
+
+MCPサーバーは以下の2つの方法で使用できます：
+
+- ローカルサーバー（stdio）
+- リモートサーバー（SSE）
+
+### ローカルサーバー（stdio）（推奨）
 
-- **スマートCLI統合**  
-  IDEのインターフェースから直接Intlayer CLIコマンドにアクセスし、実行できます。コマンドとオプションの全リストは[Intlayer CLIドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)で確認できます。
+Intlayerは、あなたのマシンにローカルインストールできるNPMパッケージを提供しています。これは、VS CodeやCursorなどのお気に入りのIDE、またChatGPTやClaude Desktopなどのローカルアシスタントアプリケーションにもインストール可能です。
 
-- **コンテキスト対応ドキュメント**  
-  MCPサーバーは、プロジェクトで使用しているIntlayerのバージョンに対応したドキュメントを読み込み、公開します。これにより、コードの提案、コマンドオプション、説明が常に最新かつ適切なものとなります。
+このサーバーはMCPサーバーを使用する推奨方法です。CLIツールを含むMCPサーバーのすべての機能が統合されています。
 
-- **AI支援開発**  
-  プロジェクトに応じた提案や自動補完により、AIアシスタントはコードの説明、CLIの使用推奨、または現在のファイルに基づいたIntlayerの特定機能の使い方を提案できます。
+### リモートサーバー（SSE）
 
-- **軽量かつ即時セットアップ**  
-  サーバーメンテナンスや重いインストールは不要です。`.cursor/mcp.json` または同等のMCP設定を構成するだけで準備完了です。
+MCPサーバーはSSEトランスポート方式を使用してリモートでも利用可能です。このサーバーはIntlayerによってホストされており、https://mcp.intlayer.org で利用できます。このサーバーは認証不要で公開アクセス可能で、無料で使用できます。
+
+リモートサーバーはCLIツールやAIの自動補完などを統合していないことに注意してください。リモートサーバーは、IntlayerエコシステムのAIアシスタントを支援するためのドキュメントとのやり取り専用です。
+
+> サーバーのホスティングコストのため、リモートサーバーの可用性は保証できません。同時接続数を制限しています。最も信頼性の高い体験のために、ローカルサーバー（stdio）トランスポート方式の使用を推奨します。
 
 ---
 
-## Cursorのセットアップ
+## Cursorでのセットアップ
+
+CursorでMCPサーバーを設定するには、[公式ドキュメント](https://docs.cursor.com/context/mcp)に従ってください。
 
-プロジェクトのルートに以下の `.cursor/mcp.json` 設定ファイルを追加してください：
+プロジェクトのルートに、以下の `.cursor/mcp.json` 設定ファイルを追加します。
 
-```json
+### ローカルサーバー（stdio）（推奨）
+
+```json fileName=".cursor/mcp.json"
 {
   "mcpServers": {
     "intlayer": {
@@ -53,19 +80,36 @@ IDEでIntlayer MCPサーバーを有効にすることで、以下の機能が
 }
 ```
 
-これは、IDEに対して `npx` を使用して Intlayer MCP サーバーを起動するよう指示しており、バージョンを固定しない限り常に最新の利用可能なバージョンを使用することを保証します。
+### リモートサーバー（SSE）
+
+Server-Sent Events（SSE）を使用してリモートのIntlayer MCPサーバーに接続するには、ホストされているサービスに接続するようにMCPクライアントを設定できます。
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "transport": "sse"
+    }
+  }
+}
+```
+
+これは、IDEに対して`npx`を使用してIntlayer MCPサーバーを起動するよう指示し、特定のバージョンを固定しない限り常に最新の利用可能なバージョンを使用することを保証します。
 
 ---
 
-## VS Code のセットアップ
+## VS Codeでのセットアップ
 
-VS Code で Intlayer MCP サーバーを使用するには、ワークスペースまたはユーザー設定で構成する必要があります。
+[公式ドキュメント](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)に従って、VS CodeでMCPサーバーを設定してください。
 
-### ワークスペースの構成
+VS CodeでIntlayer MCPサーバーを使用するには、ワークスペースまたはユーザー設定で設定する必要があります。
+
+### ローカルサーバー（stdio）（推奨）
 
 プロジェクトのルートに `.vscode/mcp.json` ファイルを作成します：
 
-```json
+```json fileName=".vscode/mcp.json"
 {
   "servers": {
     "intlayer": {
@@ -77,98 +121,90 @@ VS Code で Intlayer MCP サーバーを使用するには、ワークスペー
 }
 ```
 
-### VS Code で MCP サーバーを使用する
-
-1. **エージェントモードを有効にする**：チャットビューを開きます（Macでは⌃⌘I、Windows/LinuxではCtrl+Alt+I）し、ドロップダウンから **Agent** モードを選択します。
-
-2. **ツールへのアクセス**: **Tools** ボタンをクリックして利用可能な Intlayer ツールを表示します。必要に応じて特定のツールを選択または選択解除できます。
-
-3. **ツールの直接参照**: プロンプト内で `#` に続けてツール名を入力することで、ツールを直接参照できます。
+### リモートサーバー（SSE）
 
-4. **ツールの確認**: デフォルトでは、VS Code はツールを実行する前に確認を求めます。**Continue** ボタンのオプションを使って、現在のセッション、ワークスペース、または今後すべての呼び出しに対して自動的にツールを確認することができます。
+Server-Sent Events（SSE）を使用してリモートの Intlayer MCP サーバーに接続する場合、MCP クライアントをホストされているサービスに接続するように設定できます。
 
-### サーバーの管理
-
-- コマンドパレットから **MCP: List Servers** を実行して設定されているサーバーを表示
-- 必要に応じて Intlayer MCP サーバーを起動、停止、または再起動
-- サーバーを選択して **Show Output** を選ぶことでトラブルシューティング用のログを表示
-
-VS Code MCP統合の詳細については、[公式のVS Code MCPドキュメント](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)をご覧ください。
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "type": "sse"
+    }
+  }
+}
+```
 
 ---
 
-## CLIを使ったMCPサーバーの利用
-
-Intlayer MCPサーバーは、テスト、デバッグ、または他のツールとの統合のために、コマンドラインから直接実行することもできます。
-
-### MCPサーバーのインストール
-
-まず、MCPサーバーパッケージをグローバルにインストールするか、npxを使って利用します：
-
-```bash
-# グローバルにインストール
-npm install -g @intlayer/mcp
+## ChatGPT でのセットアップ
 
-# またはnpxで直接使用（推奨）
-npx @intlayer/mcp
-```
+### リモートサーバー（SSE）
 
-### サーバーの起動
+ChatGPT で MCP サーバーを設定するには、[公式ドキュメント](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server)に従ってください。
 
-デバッグやテストのためにインスペクター付きでMCPサーバーを起動するには：
+1. [プロンプトダッシュボード](https://platform.openai.com/prompts)に移動します
+2. `+ 作成`をクリックします
+3. `Tools (Create or +)`をクリックします
+4. `MCP Server`を選択します
+5. `新規追加`をクリックします
+6. 以下のフィールドを入力します：
 
-```bash
-# 組み込みのstartコマンドを使用
-npm run start
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
 
-# またはnpxで直接実行
-npx @modelcontextprotocol/inspector npx @intlayer/mcp
-```
+7. `保存`をクリックします
 
-これにより、インスペクターインターフェース付きのMCPサーバーが起動し、以下のことが可能になります：
+---
 
-- MCPプロトコル通信のテスト
-- サーバー応答のデバッグ
-- ツールおよびリソースの実装検証
-- サーバーパフォーマンスの監視
+## Claude Desktopでのセットアップ
 
-### 開発用途
+[公式ドキュメント](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server)に従って、Claude DesktopでMCPサーバーを設定してください。
 
-開発およびテスト目的で、サーバーをさまざまなモードで実行できます：
+設定ファイルのパス：
 
-```bash
-# 開発モードでビルドして起動
-npm run dev
+- macOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
 
-# カスタム設定で実行
-node dist/cjs/index.cjs
+### ローカルサーバー（stdio）（推奨）
 
-# サーバー機能のテスト
-npm test
+```json fileName="claude_desktop_config.json"
+{
+json fileName="claude_desktop_config.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
 ```
 
-このサーバーは、Cursorや他のIDEだけでなく、任意のMCP互換クライアントが利用可能なIntlayer固有のツールおよびリソースを公開します。
-
 ---
 
-## 機能概要
-
-| 機能                             | 説明                                                                          |
-| -------------------------------- | ----------------------------------------------------------------------------- |
-| CLIサポート                      | `intlayer` コマンドを実行し、使用方法のヒントや引数をインラインで取得できます |
-| バージョン管理されたドキュメント | 現在のIntlayerのバージョンに一致するドキュメントを自動検出して読み込みます    |
-| オートコンプリート               | 入力中にインテリジェントなコマンドおよび設定の提案を行います                  |
-| プラグイン対応                   | MCP標準をサポートするIDEやツールと互換性があります                            |
+## CLIを使ったMCPサーバーの利用
 
----
+Intlayer MCPサーバーは、テスト、デバッグ、または他のツールとの統合のために、コマンドラインから直接実行することもできます。
 
-## 便利なリンク
+```bash
+# グローバルにインストール
+npm install -g @intlayer/mcp
 
-- [Intlayer CLI ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)
-- [Intlayer GitHub リポジトリ](https://github.com/aymericzip/intlayer)
+# またはnpxで直接使用（推奨）
+npx @intlayer/mcp
+```
 
 ---
 
 ## ドキュメント履歴
 
-- 5.5.10 - 2025-06-29: 履歴の初期化
+| バージョン | 日付       | 変更内容                              |
+| ---------- | ---------- | ------------------------------------- |
+| 5.5.12     | 2025-07-11 | ChatGPTのセットアップを追加           |
+| 5.5.12     | 2025-07-10 | Claude Desktopのセットアップを追加    |
+| 5.5.12     | 2025-07-10 | SSEトランスポートと遠隔サーバーを追加 |
+| 5.5.10     | 2025-06-29 | 履歴の初期化                          |

package/docs/ko/configuration.md

@@ -59,7 +59,7 @@ const config: IntlayerConfig = {
     applicationContext: "This is a test application",
   },
   build: {
-    activateDynamicImport: true,
+    importMode: "dynamic",
   },
 };
 
@@ -88,7 +88,7 @@ const config = {
     applicationContext: "This is a test application",
   },
   build: {
-    activateDynamicImport: true,
+    importMode: "dynamic",
   },
 };
 
@@ -480,11 +480,9 @@ Intlayer가 애플리케이션의 국제화를 최적화하고 빌드하는 방
 
 빌드 옵션은 `@intlayer/babel` 및 `@intlayer/swc` 플러그인에 적용됩니다.
 
-> 개발 모드에서 Intlayer는 개발 경험을 단순화하기 위해 사전에 대해 중앙 집중식 정적 가져오기를 사용합니다.
+> 개발 모드에서 Intlayer는 개발 경험을 단순화하기 위해 사전에 대해 정적 가져오기를 사용합니다.
 
-> 빌드를 최적화함으로써 Intlayer는 청킹을 최적화하기 위해 모든 사전 호출을 대체합니다. 이렇게 하면 최종 번들은 사용되는 사전만 가져옵니다.
-
-- **참고**: `@intlayer/babel`은 `vite-intlayer` 패키지에서 기본적으로 사용할 수 있지만, `@intlayer/swc`는 SWC 플러그인이 Next.js에서 아직 실험적이기 때문에 `next-intlayer` 패키지에서 기본적으로 설치되지 않습니다.
+> 최적화 시 Intlayer는 청킹을 최적화하기 위해 사전 호출을 대체하여 최종 번들이 실제로 사용되는 사전만 가져오도록 합니다.
 
 #### 속성
 
@@ -494,21 +492,28 @@ Intlayer가 애플리케이션의 국제화를 최적화하고 빌드하는 방
   - _기본값_: `process.env.NODE_ENV === 'production'`
   - _설명_: 빌드를 최적화해야 하는지 여부를 제어합니다.
   - _예시_: `true`
-  - _참고_: 번들에 사용되는 사전만 가져올 수 있습니다. 하지만 모든 가져오기는 사전을 로드할 때 비동기 처리를 피하기 위해 정적 가져오기로 유지됩니다.
-  - _참고_: 활성화되면 Intlayer는 모든 `useIntlayer` 호출을 `useDictionary`로, `getIntlayer`를 `getDictionary`로 대체하여 사전 청킹을 최적화합니다.
+  - _참고_: 활성화되면 Intlayer는 청킹을 최적화하기 위해 모든 사전 호출을 대체합니다. 이렇게 하면 최종 번들이 사용되는 사전만 가져옵니다. 모든 가져오기는 사전을 로드할 때 비동기 처리를 피하기 위해 정적 가져오기로 유지됩니다.
+  - _참고_: Intlayer는 `importMode` 옵션에 의해 정의된 모드로 모든 `useIntlayer` 호출을 대체하고 `getIntlayer`를 `getDictionary`로 대체합니다.
+  - _참고_: 이 옵션은 `@intlayer/babel` 및 `@intlayer/swc` 플러그인에 의존합니다.
   - _참고_: 모든 키가 `useIntlayer` 호출에서 정적으로 선언되어 있는지 확인하세요. 예: `useIntlayer('navbar')`.
 
-- **activateDynamicImport**:
-
-  - _유형_: `boolean`
-  - _기본값_: `false`
-  - _설명_: 사전 콘텐츠를 로케일별로 동적으로 가져와야 하는지 여부를 제어합니다.
-  - _예시_: `true`
-  - _참고_: 현재 로케일의 사전 콘텐츠만 동적으로 가져올 수 있습니다.
-  - _참고_: 동적 가져오기는 React Suspense에 의존하며 렌더링 성능에 약간의 영향을 미칠 수 있습니다. 하지만 비활성화되면 사용되지 않더라도 모든 로케일이 한 번에 로드됩니다.
-  - _참고_: 활성화되면 Intlayer는 모든 `useIntlayer` 호출을 `useDynamicDictionary`로 대체하여 사전 청킹을 최적화합니다.
-  - _참고_: 이 옵션은 `optimize`가 비활성화된 경우 무시됩니다.
+- **importMode**:
+
+  - _유형_: `'static' | 'dynamic' | 'async'`
+  - _기본값_: `'static'`
+  - _설명_: 사전이 어떻게 가져오는지 제어합니다.
+  - _예시_: `'dynamic'`
+  - _참고_: 사용 가능한 모드:
+    - "static": 사전이 정적으로 가져옵니다. `useIntlayer`를 `useDictionary`로 대체합니다.
+    - "dynamic": 사전이 Suspense를 사용하여 동적으로 가져옵니다. `useIntlayer`를 `useDictionaryDynamic`으로 대체합니다.
+    - "async": 사전이 비동기적으로 동적으로 가져옵니다. `useIntlayer`를 `await useDictionaryAsync`로 대체합니다.
+  - _참고_: 동적 가져오기는 Suspense에 의존하며 렌더링 성능에 약간의 영향을 미칠 수 있습니다.
+  - _참고_: 비활성화되면 사용되지 않더라도 모든 로케일이 한 번에 로드됩니다.
+  - _참고_: 이 옵션은 `@intlayer/babel` 및 `@intlayer/swc` 플러그인에 의존합니다.
   - _참고_: 모든 키가 `useIntlayer` 호출에서 정적으로 선언되어 있는지 확인하세요. 예: `useIntlayer('navbar')`.
+  - _참고_: 이 옵션은 `optimize`가 비활성화된 경우 무시됩니다.
+  - _참고_: 대부분의 경우 React 애플리케이션에는 `"dynamic"`이, Vue.js 애플리케이션에는 `"async"`가 사용됩니다.
+  - _참고_: 이 옵션은 `getIntlayer`, `getDictionary`, `useDictionary`, `useDictionaryAsync` 및 `useDictionaryDynamic` 함수에 영향을 미치지 않습니다.
 
 - **traversePattern**:
   - _유형_: `string[]`

package/docs/ko/how_works_intlayer.md

@@ -103,7 +103,7 @@ Babel 및 SWC 플러그인은 애플리케이션의 추상 구문 트리(Abstrac
 
 개발 모드에서는 Intlayer가 사전을 중앙 집중식 정적 가져오기로 사용하여 개발 경험을 단순화합니다.
 
-[설정](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)에서 `activateDynamicImport` 옵션을 활성화하면 Intlayer는 동적 가져오기를 사용하여 사전을 로드합니다. 이 옵션은 애플리케이션 렌더링 시 비동기 처리를 방지하기 위해 기본적으로 비활성화되어 있습니다.
+[설정](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)에서 `importMode = "dynamic"` 옵션을 활성화하면 Intlayer는 동적 가져오기를 사용하여 사전을 로드합니다. 이 옵션은 애플리케이션 렌더링 시 비동기 처리를 방지하기 위해 기본적으로 비활성화되어 있습니다.
 
 > `@intlayer/babel`는 `vite-intlayer` 패키지에 기본으로 포함되어 있습니다.
 

package/docs/ko/intlayer_CMS.md

@@ -16,6 +16,7 @@ slugs:
   - doc
   - concept
   - cms
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer 콘텐츠 관리 시스템 (CMS) 문서