@intlayer/docs 5.5.12 → 5.7.0

package/docs/fr/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
 ---
 
 # Démarrage avec l'internationalisation (i18n) avec Intlayer et React Create App

package/docs/fr/intlayer_with_lynx+react.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - lynx-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 ---
 
 # Commencer avec l'internationalisation (i18n) avec Intlayer, Lynx et React

package/docs/fr/intlayer_with_nextjs_14.md

@@ -15,6 +15,7 @@ slugs:
   - environment
   - nextjs
   - 14
+applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 ---
 
 # Commencer avec l'internationalisation (i18n) avec Intlayer et Next.js 14 avec App Router

package/docs/fr/intlayer_with_nextjs_15.md

@@ -15,6 +15,8 @@ slugs:
   - environment
   - fr
   - nextjs
+applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 ---
 
 # Premiers pas pour internationaliser (i18n) avec Intlayer et Next.js 15 App Router
@@ -131,7 +133,7 @@ module.exports = config;
 
 Configurez votre setup Next.js pour utiliser 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/fr/intlayer_with_nuxt.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - nuxt-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
 ---
 
 # Commencer l'internationalisation (i18n) avec Intlayer et Nuxt

package/docs/fr/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
 ---
 
 # Commencer l'internationalisation (i18n) avec Intlayer et React Native

package/docs/fr/intlayer_with_vite+preact.md

@@ -13,7 +13,8 @@ keywords:
 slugs:
   - doc
   - environment
-  - vite-and-preact
+  - vite-and-
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 
 # Commencer l'internationalisation (i18n) avec Intlayer, Vite et Preact
@@ -43,17 +44,17 @@ Installez les paquets nécessaires avec 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/fr/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---
 
 # Prise en main de l'internationalisation (i18n) avec Intlayer, Vite et React
 
+<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"/>
+
 Voir le [Modèle d'application](https://github.com/aymericzip/intlayer-vite-react-template) sur GitHub.
 
 ## Qu'est-ce qu'Intlayer ?
@@ -42,17 +45,17 @@ Installez les paquets nécessaires en utilisant 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/fr/intlayer_with_vite+solid.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-solid
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-solid-template
 ---
 
 # Commencer l'internationalisation (i18n) avec Intlayer, Vite et Solid
@@ -43,17 +44,17 @@ Installez les paquets nécessaires avec 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/fr/intlayer_with_vite+svelte.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-svelte
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-svelte-template
 ---
 
 # Commencer l'internationalisation (i18n) avec Intlayer, Vite et Svelte
@@ -43,17 +44,17 @@ Installez les paquets nécessaires avec 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/fr/intlayer_with_vite+vue.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-vue-template
 ---
 
 # Premiers pas pour internationaliser (i18n) avec Intlayer, Vite et Vue
@@ -41,17 +42,17 @@ Installez les paquets nécessaires avec 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**
@@ -949,7 +950,7 @@ Par défaut, Intlayer rend le markdown sous forme de chaîne de caractères. Mai
 
 > Pour voir comment déclarer du contenu markdown en utilisant le package `intlayer`, consultez la [documentation markdown](https://github.com/aymericzip/intlayer/tree/main/docs/fr/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/fr/mcp_server.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-06-07
-updatedAt: 2025-06-07
+updatedAt: 2025-07-11
 title: Documentation du serveur MCP
-description: Découvrez les fonctionnalités et la configuration du serveur MCP pour optimiser la gestion et les opérations de votre serveur.
+description: Explorez les fonctionnalités et la configuration du serveur MCP pour optimiser la gestion et les opérations de votre serveur.
 keywords:
   - Serveur MCP
   - Gestion de serveur
@@ -18,31 +18,58 @@ slugs:
 
 # Serveur MCP Intlayer
 
-Le **serveur Intlayer MCP (Model Context Protocol)** offre une assistance IDE alimentée par l'IA, spécialement conçue pour l'écosystème Intlayer. Conçu pour des environnements de développement modernes tels que **Cursor**, **GitHub Copilot workspace**, et tout IDE supportant le protocole MCP, ce serveur vous fournit un support contextuel en temps réel basé sur la configuration de votre projet.
+Le **serveur MCP (Model Context Protocol) Intlayer** fournit une assistance IDE alimentée par l'IA, spécialement conçue pour l'écosystème Intlayer.
 
-## Pourquoi utiliser le serveur Intlayer MCP ?
+## Où puis-je l'utiliser ?
 
-En activant le serveur Intlayer MCP dans votre IDE, vous débloquez :
+- Sur des environnements de développement modernes comme **Cursor**, **VS Code**, et tout IDE supportant le protocole MCP.
+- Sur votre assistant IA préféré comme **Claude Desktop**, **Gemini**, **ChatGPT**, etc.
 
-- **Intégration intelligente de la CLI**
-  Accédez et exécutez les commandes CLI d'Intlayer directement depuis l'interface de votre IDE. Consultez la liste complète des commandes et options dans la [documentation CLI d'Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_cli.md).
+## Pourquoi utiliser le serveur MCP Intlayer ?
+
+En activant le serveur MCP Intlayer dans votre IDE, vous débloquez :
 
 - **Documentation contextuelle**
-  Le serveur MCP charge et expose la documentation correspondant à la version d'Intlayer que vous utilisez dans votre projet. Cela garantit que les suggestions de code, les options de commande et les explications sont toujours à jour et pertinentes.
+  Le serveur MCP charge et expose la documentation d'Intlayer. Pour accélérer votre configuration, vos migrations, etc.
+  Cela garantit que les suggestions de code, les options de commande et les explications sont toujours à jour et pertinentes.
+
+- **Intégration intelligente de la CLI**
+  Accédez et exécutez les commandes CLI d'Intlayer directement depuis l'interface de votre IDE. Grâce au serveur MCP, vous pouvez laisser votre assistant IA exécuter des commandes comme `intlayer dictionaries build` pour mettre à jour vos dictionnaires, ou `intlayer dictionaries fill` pour compléter vos traductions manquantes.
+
+  > Consultez la liste complète des commandes et options dans la [documentation CLI d'Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_cli.md).
+
+## Serveur local (stdio) vs Serveur distant (SSE)
+
+Le serveur MCP peut être utilisé de deux manières :
+
+- Serveur local (stdio)
+- Serveur distant (SSE)
+
+### Serveur local (stdio) (recommandé)
+
+Intlayer fournit un package NPM qui peut être installé localement sur votre machine. Il peut être installé dans votre IDE préféré, comme VS Code, Cursor, ainsi que dans votre application d'assistant local, comme ChatGPT, Claude Desktop, etc.
 
-- **Développement assisté par IA**
-  Grâce à des suggestions et une complétion automatique conscientes du projet, l'assistant IA peut expliquer votre code, recommander l'utilisation de la CLI ou suggérer comment utiliser des fonctionnalités spécifiques d'Intlayer en fonction de vos fichiers actuels.
+Ce serveur est la méthode recommandée pour utiliser le serveur MCP. Car il intègre toutes les fonctionnalités du serveur MCP, y compris les outils CLI.
 
-- **Installation légère et instantanée**
-  Aucune maintenance de serveur ni installation lourde requise. Il suffit de configurer votre fichier `.cursor/mcp.json` ou une configuration MCP équivalente, et vous êtes prêt à partir.
+### Serveur distant (SSE)
+
+Le serveur MCP peut également être utilisé à distance, en utilisant la méthode de transport SSE. Ce serveur est hébergé par Intlayer, et est disponible à l'adresse https://mcp.intlayer.org. Ce serveur est accessible publiquement, sans aucune authentification, et est gratuit à utiliser.
+
+Notez que le serveur distant n'intègre pas les outils CLI, l'autocomplétion IA, etc. Le serveur distant est uniquement destiné à l'interaction avec la documentation pour aider votre assistant IA avec l'écosystème Intlayer.
+
+> En raison des coûts d'hébergement du serveur, la disponibilité du serveur distant ne peut être garantie. Nous limitons le nombre de connexions simultanées. Nous recommandons d'utiliser la méthode de transport du serveur local (stdio) pour une expérience la plus fiable.
 
 ---
 
-## Configuration de Cursor
+## Configuration dans Cursor
+
+Suivez la [documentation officielle](https://docs.cursor.com/context/mcp) pour configurer le serveur MCP dans Cursor.
+
+À la racine de votre projet, ajoutez le fichier de configuration `.cursor/mcp.json` suivant :
 
-Dans la racine de votre projet, ajoutez le fichier de configuration `.cursor/mcp.json` suivant :
+### Serveur local (stdio) (recommandé)
 
-```json
+```json fileName=".cursor/mcp.json"
 {
   "mcpServers": {
     "intlayer": {
@@ -53,19 +80,36 @@ Dans la racine de votre projet, ajoutez le fichier de configuration `.cursor/mcp
 }
 ```
 
-Cela indique à votre IDE de lancer le serveur MCP d'Intlayer en utilisant `npx`, garantissant qu'il utilise toujours la dernière version disponible sauf si vous la bloquez.
+### Serveur distant (SSE)
+
+Pour se connecter à un serveur MCP Intlayer distant utilisant les Server-Sent Events (SSE), vous pouvez configurer votre client MCP pour se connecter au service hébergé.
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "transport": "sse"
+    }
+  }
+}
+```
+
+Cela indique à votre IDE de lancer le serveur MCP Intlayer en utilisant `npx`, garantissant qu'il utilise toujours la dernière version disponible sauf si vous la fixez.
 
 ---
 
-## Configuration de VS Code
+## Configuration dans VS Code
+
+Suivez la [documentation officielle](https://code.visualstudio.com/docs/copilot/chat/mcp-servers) pour configurer le serveur MCP dans VS Code.
 
-Pour utiliser le serveur MCP d'Intlayer avec VS Code, vous devez le configurer dans les paramètres de votre espace de travail ou utilisateur.
+Pour utiliser le serveur MCP Intlayer avec VS Code, vous devez le configurer dans les paramètres de votre espace de travail ou utilisateur.
 
-### Configuration de l'espace de travail
+### Serveur local (stdio) (recommandé)
 
 Créez un fichier `.vscode/mcp.json` à la racine de votre projet :
 
-```json
+```json fileName=".vscode/mcp.json"
 {
   "servers": {
     "intlayer": {
@@ -77,98 +121,88 @@ Créez un fichier `.vscode/mcp.json` à la racine de votre projet :
 }
 ```
 
-### Utilisation du serveur MCP dans VS Code
-
-1. **Activer le mode Agent** : Ouvrez la vue Chat (⌃⌘I sur Mac, Ctrl+Alt+I sur Windows/Linux) et sélectionnez le mode **Agent** dans le menu déroulant.
-
-2. **Accéder aux outils** : Cliquez sur le bouton **Outils** pour voir les outils Intlayer disponibles. Vous pouvez sélectionner/désélectionner des outils spécifiques selon vos besoins.
+### Serveur distant (SSE)
 
-3. **Référence directe aux outils** : Référencez les outils directement dans vos invites en tapant `#` suivi du nom de l'outil.
+Pour se connecter à un serveur MCP Intlayer distant utilisant les Server-Sent Events (SSE), vous pouvez configurer votre client MCP pour se connecter au service hébergé.
 
-4. **Confirmation des outils** : Par défaut, VS Code demandera une confirmation avant d'exécuter les outils. Utilisez les options du bouton **Continuer** pour confirmer automatiquement les outils pour la session en cours, l'espace de travail ou toutes les exécutions futures.
-
-### Gestion du serveur
-
-- Exécutez **MCP : Lister les serveurs** depuis la palette de commandes pour voir les serveurs configurés
-- Démarrez, arrêtez ou redémarrez le serveur MCP d'Intlayer selon vos besoins
-- Consultez les journaux du serveur pour le dépannage en sélectionnant le serveur et en choisissant **Afficher la sortie**
-
-Pour plus d'informations détaillées sur l'intégration MCP dans VS Code, consultez la [documentation officielle MCP de VS Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers).
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "type": "sse"
+    }
+  }
+}
+```
 
 ---
 
-## Utilisation du serveur MCP via la CLI
-
-Vous pouvez également exécuter le serveur MCP Intlayer directement depuis la ligne de commande pour des tests, du débogage ou une intégration avec d'autres outils.
-
-### Installer le serveur MCP
-
-Tout d'abord, installez le paquet du serveur MCP globalement ou utilisez-le via npx :
-
-```bash
-# Installer globalement
-npm install -g @intlayer/mcp
+## Configuration dans ChatGPT
 
-# Ou utiliser directement avec npx (recommandé)
-npx @intlayer/mcp
-```
+### Serveur distant (SSE)
 
-### Démarrer le serveur
+Suivez la [documentation officielle](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server) pour configurer le serveur MCP dans ChatGPT.
 
-Pour démarrer le serveur MCP avec l'inspecteur pour le débogage et les tests :
+1. Allez sur le [tableau de bord des prompts](https://platform.openai.com/prompts)
+2. Cliquez sur `+ Create`
+3. Cliquez sur `Tools (Create or +)`
+4. Sélectionnez `MCP Server`
+5. Cliquez sur `Add new`
+6. Remplissez les champs suivants :
 
-```bash
-# Utiliser la commande start intégrée
-npm run start
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
 
-# Ou directement avec npx
-npx @modelcontextprotocol/inspector npx @intlayer/mcp
-```
+7. Cliquez sur "Save"
 
-Cela lancera le serveur MCP avec une interface d'inspecteur qui vous permet de :
+---
 
-- Tester les communications du protocole MCP
-- Déboguer les réponses du serveur
-- Valider les implémentations des outils et ressources
-- Surveiller les performances du serveur
+## Configuration dans Claude Desktop
 
-### Utilisation en développement
+Suivez la [documentation officielle](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server) pour configurer le serveur MCP dans Claude Desktop.
 
-Pour les besoins de développement et de test, vous pouvez exécuter le serveur en différents modes :
+Chemin du fichier de configuration :
 
-```bash
-# Compiler et démarrer en mode développement
-npm run dev
+- macOS : `~/Library/Application\ Support/Claude/claude_desktop_config.json`
+- Windows : `%APPDATA%\Claude\claude_desktop_config.json`
 
-# Exécuter avec une configuration personnalisée
-node dist/cjs/index.cjs
+### Serveur local (stdio) (recommandé)
 
-# Tester les fonctionnalités du serveur
-npm test
+```json fileName="claude_desktop_config.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
 ```
 
-Le serveur exposera des outils et ressources spécifiques à Intlayer qui peuvent être utilisés par tout client compatible MCP, pas seulement Cursor ou d'autres IDE.
-
 ---
 
-## Aperçu des fonctionnalités
-
-| Fonctionnalité           | Description                                                                                               |
-| ------------------------ | --------------------------------------------------------------------------------------------------------- |
-| Support CLI              | Exécutez les commandes `intlayer`, obtenez des indices d'utilisation et des arguments en ligne            |
-| Documentation Versionnée | Détection automatique et chargement de la documentation correspondant à votre version actuelle d'Intlayer |
-| Autocomplétion           | Suggestions intelligentes de commandes et de configurations au fur et à mesure de la saisie               |
-| Prêt pour les Plugins    | Compatible avec les IDE et outils qui supportent la norme MCP                                             |
+## Utilisation du serveur MCP via la CLI
 
----
+Vous pouvez également exécuter le serveur MCP Intlayer directement depuis la ligne de commande pour des tests, du débogage ou une intégration avec d'autres outils.
 
-## Liens Utiles
+```bash
+# Installer globalement
+npm install -g @intlayer/mcp
 
-- [Documentation CLI Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_cli.md)
-- [Dépôt GitHub Intlayer](https://github.com/aymericzip/intlayer)
+# Ou utiliser directement avec npx (recommandé)
+npx @intlayer/mcp
+```
 
 ---
 
-## Historique de la Documentation
+## Historique de la documentation
 
-- 5.5.10 - 2025-06-29 : Historique initial
+| Version | Date       | Modifications                                |
+| ------- | ---------- | -------------------------------------------- |
+| 5.5.12  | 2025-07-11 | Ajout de la configuration de ChatGPT         |
+| 5.5.12  | 2025-07-10 | Ajout de la configuration de Claude Desktop  |
+| 5.5.12  | 2025-07-10 | Ajout du transport SSE et du serveur distant |
+| 5.5.10  | 2025-06-29 | Historique initial                           |

package/docs/hi/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: "यह एक परीक्षण एप्लिकेशन है",
   },
   build: {
-    activateDynamicImport: true,
+    importMode: "dynamic",
   },
 };
 
@@ -483,11 +483,9 @@ Intlayer बेहतर लचीलापन और विकल्प के
 
 बिल्ड विकल्प `@intlayer/babel` और `@intlayer/swc` प्लगइन्स पर लागू होते हैं।
 
-> विकास मोड में, Intlayer विकास अनुभव को सरल बनाने के लिए शब्दकोशों के लिए एक केंद्रीकृत स्थैतिक आयात का उपयोग करता है।
+> विकास मोड में, Intlayer विकास अनुभव को सरल बनाने के लिए शब्दकोशों के लिए स्थैतिक आयात का उपयोग करता है।
 
-> बिल्ड को अनुकूलित करके, Intlayer चंकिंग को अनुकूलित करने के लिए शब्दकोशों के सभी कॉल को बदल देगा। इस तरह अंतिम बंडल केवल उन शब्दकोशों को आयात करेगा जो उपयोग में हैं।
-
-- **नोट**: `@intlayer/babel` डिफ़ॉल्ट रूप से `vite-intlayer` पैकेज पर उपलब्ध है, लेकिन `@intlayer/swc` डिफ़ॉल्ट रूप से `next-intlayer` पैकेज पर स्थापित नहीं है क्योंकि SWC प्लगइन्स Next.js पर अभी भी प्रयोगात्मक हैं।
+> अनुकूलन के दौरान, Intlayer चंकिंग को अनुकूलित करने के लिए शब्दकोशों के कॉल को बदल देगा, ताकि अंतिम बंडल केवल वास्तव में उपयोग किए गए शब्दकोशों को आयात करे।
 
 #### गुण
 
@@ -497,21 +495,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/hi/how_works_intlayer.md

@@ -103,7 +103,7 @@ Babel और SWC प्लगइन्स आपके एप्लिकेश
 
 डेवलपमेंट मोड में, Intlayer डिक्शनरीज़ के लिए केंद्रीकृत स्थिर आयात का उपयोग करता है ताकि विकास अनुभव को सरल बनाया जा सके।
 
-[कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) में `activateDynamicImport` विकल्प को सक्रिय करके, Intlayer डिक्शनरीज़ को लोड करने के लिए डायनेमिक आयात का उपयोग करेगा। यह विकल्प डिफ़ॉल्ट रूप से अक्षम है ताकि एप्लिकेशन को रेंडर करते समय असिंक्रोनस प्रोसेसिंग से बचा जा सके।
+[कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) में `importMode = "dynamic"` विकल्प को सक्रिय करके, Intlayer डिक्शनरीज़ को लोड करने के लिए डायनेमिक आयात का उपयोग करेगा। यह विकल्प डिफ़ॉल्ट रूप से अक्षम है ताकि एप्लिकेशन को रेंडर करते समय असिंक्रोनस प्रोसेसिंग से बचा जा सके।
 
 > `@intlayer/babel` डिफ़ॉल्ट रूप से `vite-intlayer` पैकेज पर उपलब्ध है,
 

package/docs/hi/intlayer_CMS.md

@@ -16,6 +16,7 @@ slugs:
   - doc
   - concept
   - cms
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer सामग्री प्रबंधन प्रणाली (CMS) दस्तावेज़ीकरण