@intlayer/docs 5.5.12 → 5.7.0

package/docs/ko/intlayer_visual_editor.md

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

package/docs/ko/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/ko/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/ko/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/ko/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/ko/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 앱 라우터로 국제화(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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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**
@@ -985,7 +986,7 @@ Intlayer는 Vue 애플리케이션에서 Markdown 콘텐츠를 직접 렌더링
 
 > `intlayer` 패키지를 사용하여 Markdown 콘텐츠를 선언하는 방법은 [markdown 문서](https://github.com/aymericzip/intlayer/tree/main/docs/ko/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/ko/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 명령을 실행하고 접근할 수 있습니다. 명령어와 옵션의 전체 목록은 [Intlayer CLI 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_cli.md)에서 확인하세요.
+  IDE 인터페이스에서 직접 Intlayer CLI 명령어에 접근하고 실행할 수 있습니다. MCP 서버를 사용하면 AI 어시스턴트가 `intlayer dictionaries build` 명령어로 사전을 업데이트하거나 `intlayer dictionaries fill` 명령어로 누락된 번역을 채우도록 할 수 있습니다.
+
+  > 전체 명령어 및 옵션 목록은 [Intlayer CLI 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_cli.md)에서 확인하세요.
+
+## 로컬 서버 (stdio) vs 원격 서버 (SSE)
+
+MCP 서버는 두 가지 방식으로 사용할 수 있습니다:
+
+- 로컬 서버 (stdio)
+- 원격 서버 (SSE)
+
+### 로컬 서버 (stdio) (권장)
+
+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에서 설정하기
+
+[공식 문서](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,88 @@ 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 서버 사용
+## ChatGPT 설정
 
-Intlayer MCP 서버를 명령줄에서 직접 실행하여 테스트, 디버깅 또는 다른 도구와의 통합에 사용할 수 있습니다.
+### 원격 서버 (SSE)
 
-### MCP 서버 설치
+ChatGPT에서 MCP 서버를 구성하려면 [공식 문서](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server)를 참조하세요.
 
-먼저, MCP 서버 패키지를 전역으로 설치하거나 npx를 통해 사용하세요:
+1. [프롬프트 대시보드](https://platform.openai.com/prompts)로 이동
+2. `+ Create` 클릭
+3. `Tools (Create or +)` 클릭
+4. `MCP Server` 선택
+5. `Add new` 클릭
+6. 다음 필드를 입력:
 
-```bash
-# 전역 설치
-npm install -g @intlayer/mcp
-
-# 또는 npx로 직접 사용 (권장)
-npx @intlayer/mcp
-```
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
 
-### 서버 시작
+7. `Save` 클릭
 
-디버깅 및 테스트를 위한 인스펙터와 함께 MCP 서버를 시작하려면:
-
-```bash
-# 내장된 start 명령어 사용
-npm run start
-
-# 또는 npx로 직접 실행
-npx @modelcontextprotocol/inspector npx @intlayer/mcp
-```
-
-이 명령은 검사기 인터페이스와 함께 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"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
 ```
 
-서버는 Cursor나 다른 IDE뿐만 아니라 모든 MCP 호환 클라이언트가 사용할 수 있는 Intlayer 전용 도구와 리소스를 제공합니다.
-
 ---
 
-## 기능 개요
-
-| Feature       | Description                                                  |
-| ------------- | ------------------------------------------------------------ |
-| 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/ko/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/pt/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",
   },
 };
 
@@ -482,11 +482,9 @@ Configurações que controlam como o Intlayer otimiza e compila a internacionali
 
 As opções de build se aplicam aos plugins `@intlayer/babel` e `@intlayer/swc`.
 
-> No modo de desenvolvimento, o Intlayer usa uma importação estática centralizada para dicionários para simplificar a experiência de desenvolvimento.
+> No modo de desenvolvimento, o Intlayer usa importações estáticas para dicionários para simplificar a experiência de desenvolvimento.
 
-> Ao otimizar o build, o Intlayer substituirá todas as chamadas de dicionários para otimizar o chunking. Dessa forma, o bundle final importará apenas os dicionários que são utilizados.
-
-- **Nota**: `@intlayer/babel` está disponível por padrão no pacote `vite-intlayer`, mas `@intlayer/swc` não está instalado por padrão no pacote `next-intlayer`, pois os plugins SWC ainda são experimentais no Next.js.
+> Durante a otimização, o Intlayer substituirá as chamadas aos dicionários para otimizar o chunking, de modo que o bundle final importe apenas os dicionários que são realmente utilizados.
 
 #### Propriedades
 
@@ -496,21 +494,28 @@ As opções de build se aplicam aos plugins `@intlayer/babel` e `@intlayer/swc`.
   - _Padrão_: `process.env.NODE_ENV === 'production'`
   - _Descrição_: Controla se o build deve ser otimizado.
   - _Exemplo_: `true`
-  - _Nota_: Permitirá importar apenas os dicionários que são utilizados no bundle. Mas todas as importações permanecerão como importação estática para evitar processamento assíncrono ao carregar os dicionários.
-  - _Nota_: Quando ativado, o Intlayer otimizará o chunking do dicionário substituindo todas as chamadas de `useIntlayer` por `useDictionary` e `getIntlayer` por `getDictionary`.
+  - _Nota_: Quando ativado, o Intlayer substituirá todas as chamadas de dicionários para otimizar o chunking. Dessa forma, o bundle final importará apenas os dicionários que são utilizados. Todas as importações permanecerão como importações estáticas para evitar processamento assíncrono ao carregar os dicionários.
+  - _Nota_: O Intlayer substituirá todas as chamadas de `useIntlayer` com o modo definido pela opção `importMode` e `getIntlayer` por `getDictionary`.
+  - _Nota_: Esta opção depende dos plugins `@intlayer/babel` e `@intlayer/swc`.
   - _Nota_: Certifique-se de que todas as chaves sejam declaradas estaticamente nas chamadas `useIntlayer`. por exemplo: `useIntlayer('navbar')`.
 
-- **activateDynamicImport**:
-
-  - _Tipo_: `boolean`
-  - _Padrão_: `false`
-  - _Descrição_: Controla se o conteúdo do dicionário deve ser importado dinamicamente por idioma.
-  - _Exemplo_: `true`
-  - _Nota_: Permitirá importar dinamicamente o conteúdo do dicionário apenas para o idioma atual.
-  - _Nota_: Importações dinâmicas dependem do React Suspense e podem impactar levemente o desempenho de renderização. Mas se desativado todos os idiomas serão carregados de uma vez, mesmo que não sejam utilizados.
-  - _Nota_: Quando ativado, o Intlayer otimizará o chunking do dicionário substituindo todas as chamadas de `useIntlayer` por `useDynamicDictionary`.
-  - _Nota_: Esta opção será ignorada se `optimize` estiver desativado.
+- **importMode**:
+
+  - _Tipo_: `'static' | 'dynamic' | 'async'`
+  - _Padrão_: `'static'`
+  - _Descrição_: Controla como os dicionários são importados.
+  - _Exemplo_: `'dynamic'`
+  - _Nota_: Modos disponíveis:
+    - "static": Os dicionários são importados estaticamente. Substitui `useIntlayer` por `useDictionary`.
+    - "dynamic": Os dicionários são importados dinamicamente usando Suspense. Substitui `useIntlayer` por `useDictionaryDynamic`.
+    - "async": Os dicionários são importados dinamicamente de forma assíncrona. Substitui `useIntlayer` por `await useDictionaryAsync`.
+  - _Nota_: Importações dinâmicas dependem do Suspense e podem impactar levemente o desempenho de renderização.
+  - _Nota_: Se desativado, todos os idiomas serão carregados de uma vez, mesmo que não sejam utilizados.
+  - _Nota_: Esta opção depende dos plugins `@intlayer/babel` e `@intlayer/swc`.
   - _Nota_: Certifique-se de que todas as chaves sejam declaradas estaticamente nas chamadas `useIntlayer`. por exemplo: `useIntlayer('navbar')`.
+  - _Nota_: Esta opção será ignorada se `optimize` estiver desativado.
+  - _Nota_: Na maioria dos casos, `"dynamic"` será usado para aplicações React, `"async"` para aplicações Vue.js.
+  - _Nota_: Esta opção não afetará as funções `getIntlayer`, `getDictionary`, `useDictionary`, `useDictionaryAsync` e `useDictionaryDynamic`.
 
 - **traversePattern**:
   - _Tipo_: `string[]`

package/docs/pt/how_works_intlayer.md

@@ -104,7 +104,7 @@ Os plugins Babel e SWC funcionam analisando a Árvore de Sintaxe Abstrata (AST)
 
 No modo de desenvolvimento, o Intlayer usa uma importação estática centralizada para os dicionários, simplificando a experiência de desenvolvimento.
 
-Ao ativar a opção `activateDynamicImport` na [configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md), o Intlayer usará a importação dinâmica para carregar os dicionários. Essa opção está desativada por padrão para evitar processamento assíncrono ao renderizar a aplicação.
+Ao ativar a opção `importMode = "dynamic"` na [configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md), o Intlayer usará a importação dinâmica para carregar os dicionários. Essa opção está desativada por padrão para evitar processamento assíncrono ao renderizar a aplicação.
 
 > `@intlayer/babel` está disponível por padrão no pacote `vite-intlayer`,
 

package/docs/pt/intlayer_CMS.md

@@ -16,6 +16,7 @@ slugs:
   - doc
   - concept
   - cms
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer Sistema de Gerenciamento de Conteúdo (CMS) Documentação