@intlayer/docs 9.0.0-canary.4 → 9.0.0-canary.5

package/docs/fr/packages/intlayer/getLocalizedUrl.md

@@ -29,6 +29,38 @@ author: aymericzip
 
 ## Description
 
+La fonction `getLocalizedUrl` génère une URL localisée en préfixant l'URL donnée avec la locale spécifiée. Elle gère à la fois les URLs absolues et relatives, en s'assurant que le bon préfixe de locale est appliqué en fonction de la configuration.
+
+**Caractéristiques principales :**
+
+- Seulement 2 paramètres sont requis : `url` et `currentLocale`
+- Objet `options` optionnel avec `locales`, `defaultLocale`, et `mode`
+- Utilise la configuration d'internationalisation de votre projet comme valeurs par défaut
+- Peut être utilisé avec des paramètres minimaux pour les cas simples ou entièrement personnalisé pour les scénarios complexes
+- Supporte plusieurs modes de routage : `prefix-no-default`, `prefix-all`, `no-prefix`, et `search-params`
+
+---
+
+## Signature de fonction
+
+```typescript
+getLocalizedUrl(
+  url: string,                   // Requis
+  currentLocale: Locales,        // Requis
+  options?: {                    // Optionnel
+    locales?: Locales[];
+    defaultLocale?: Locales;
+    mode?: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params';
+  }
+): string
+```
+
+---
+
+## Paramètres
+
+## Description
+
 La fonction `getLocalizedUrl` génère une URL localisée en préfixant l'URL donnée avec la locale spécifiée. Elle gère à la fois les URL absolues et relatives, en s'assurant que le préfixe de locale correct est appliqué selon la configuration.
 
 ---
@@ -67,6 +99,23 @@ La fonction `getLocalizedUrl` génère une URL localisée en préfixant l'URL do
 
 ## Exemple d'utilisation
 
+### Utilisation basique (Paramètres obligatoires uniquement)
+
+Lorsque vous avez configuré votre projet avec les paramètres d'internationalisation, vous pouvez utiliser la fonction avec juste les paramètres obligatoires :
+
+```typescript codeFormat={["typescript", "esm", "commonjs"]}
+import { getLocalizedUrl, Locales } from "intlayer";
+
+// Utilise la configuration de votre projet pour les locales, defaultLocale et mode
+getLocalizedUrl("/about", Locales.FRENCH);
+// Output: "/fr/about" (en supposant que le français est supporté et que le mode est 'prefix-no-default')
+
+getLocalizedUrl("/about", Locales.ENGLISH);
+// Output: "/about" ou "/en/about" (en fonction de votre paramètre de mode)
+```
+
+## Exemple d'utilisation
+
 ### URLs relatives
 
 ```typescript codeFormat={["typescript", "esm"]}
@@ -114,6 +163,30 @@ getLocalizedUrl(
 // Résultat : "/about" pour la locale par défaut (anglais)
 ```
 
+### Remplacement Partiel de la Configuration
+
+Vous pouvez également fournir uniquement certains paramètres optionnels. La fonction utilisera la configuration de votre projet pour tous les paramètres que vous ne spécifiez pas :
+
+```typescript codeFormat="typescript"
+import { getLocalizedUrl, Locales } from "intlayer";
+
+// Remplacer uniquement les locales, utiliser la config du projet pour defaultLocale et mode
+getLocalizedUrl("/about", Locales.SPANISH, {
+  locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+});
+
+// Remplacer uniquement le mode, utiliser la config du projet pour locales et defaultLocale
+getLocalizedUrl("/about", Locales.ENGLISH, {
+  mode: "prefix-all", // Forcer le préfixe pour toutes les locales y compris la locale par défaut
+});
+
+// Remplacer plusieurs options
+getLocalizedUrl("/about", Locales.FRENCH, {
+  defaultLocale: Locales.ENGLISH,
+  mode: "search-params", // Utiliser les paramètres de requête : /about?locale=fr
+});
+```
+
 ### URLs absolues
 
 ```typescript

package/docs/fr/packages/intlayer/getMultilingualUrls.md

@@ -29,12 +29,28 @@ author: aymericzip
 
 ## Description
 
+La fonction `getMultilingualUrls` génère un mapping d'URLs multilingues en préfixant l'URL donnée avec chaque locale supportée. Elle peut gérer à la fois les URLs absolues et relatives, en appliquant le préfixe de locale approprié en fonction de la configuration fournie ou des valeurs par défaut.
+
+**Caractéristiques principales :**
+
+- Un seul paramètre est requis : `url`
+- Objet `options` optionnel avec `locales`, `defaultLocale` et `mode`
+- Utilise la configuration d'internationalisation de votre projet comme valeurs par défaut
+- Supporte plusieurs modes de routage : `prefix-no-default`, `prefix-all`, `no-prefix` et `search-params`
+- Retourne un objet de mapping avec toutes les locales comme clés et leurs URLs correspondantes comme valeurs
+
+---
+
+## Description
+
 La fonction `getMultilingualUrls` génère une correspondance d'URLs multilingues en préfixant l'URL donnée avec chaque locale prise en charge. Elle peut gérer à la fois des URLs absolues et relatives, en appliquant le préfixe de locale approprié basé sur la configuration fournie ou les valeurs par défaut.
 
 ---
 
 ## Paramètres
 
+## Paramètres
+
 - `url: string`
   - **Description** : La chaîne URL originale à préfixer avec les locales.
   - **Type** : `string`
@@ -54,6 +70,33 @@ La fonction `getMultilingualUrls` génère une correspondance d'URLs multilingue
   - **Type** : `boolean`
   - **Défaut** : `prefixDefaultDefault`
 
+### Paramètres Optionnels
+
+- `options?: object`
+  - **Description**: Objet de configuration pour le comportement de localisation des URL.
+  - **Type**: `object`
+  - **Required**: Non (Optionnel)
+
+  - `options.locales?: Locales[]`
+    - **Description**: Tableau des locales supportées. Si non fourni, utilise les locales configurées dans la configuration de votre projet.
+    - **Type**: `Locales[]`
+    - **Default**: [`Configuration du Projet`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md#middleware)
+
+  - `options.defaultLocale?: Locales`
+    - **Description**: La locale par défaut pour l'application. Si non fournie, utilise la locale par défaut configurée dans la configuration de votre projet.
+    - **Type**: `Locales`
+    - **Default**: [`Configuration du Projet`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md#middleware)
+
+  - `options.mode?: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params'`
+    - **Description**: Le mode de routage des URL pour la gestion des locales. Si non fourni, utilise le mode configuré dans la configuration de votre projet.
+    - **Type**: `'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params'`
+    - **Default**: [`Configuration du Projet`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md#middleware)
+    - **Modes**:
+      - `prefix-no-default`: Pas de préfixe pour la locale par défaut, préfixe pour toutes les autres
+      - `prefix-all`: Préfixe pour toutes les locales y compris la locale par défaut
+      - `no-prefix`: Pas de préfixe de locale dans l'URL
+      - `search-params`: Utiliser les paramètres de requête pour la locale (par ex. `?locale=fr`)
+
 ### Retour
 
 - **Type** : `IConfigLocales<string>`
@@ -61,6 +104,8 @@ La fonction `getMultilingualUrls` génère une correspondance d'URLs multilingue
 
 ---
 
+## Utilisation d'exemple
+
 ## Exemple d'utilisation
 
 ### URLs relatives
@@ -97,6 +142,60 @@ getMultilingualUrls(
 
 ---
 
+### Différents Modes de Routage
+
+```typescript
+// prefix-no-default: Pas de préfixe pour la locale par défaut
+getMultilingualUrls("/dashboard", {
+  locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  defaultLocale: Locales.ENGLISH,
+  mode: "prefix-no-default",
+});
+// Output: {
+//   en: "/dashboard",
+//   fr: "/fr/dashboard",
+//   es: "/es/dashboard"
+// }
+
+// prefix-all: Préfixe pour toutes les locales
+getMultilingualUrls("/dashboard", {
+  locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  defaultLocale: Locales.ENGLISH,
+  mode: "prefix-all",
+});
+// Output: {
+//   en: "/en/dashboard",
+//   fr: "/fr/dashboard",
+//   es: "/es/dashboard"
+// }
+
+// no-prefix: Pas de préfixe de locale dans les URLs
+getMultilingualUrls("/dashboard", {
+  locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  defaultLocale: Locales.ENGLISH,
+  mode: "no-prefix",
+});
+// Output: {
+//   en: "/dashboard",
+//   fr: "/dashboard",
+//   es: "/dashboard"
+// }
+
+// search-params: Locale comme paramètre de requête
+getMultilingualUrls("/dashboard", {
+  locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  defaultLocale: Locales.ENGLISH,
+  mode: "search-params",
+});
+// Output: {
+//   en: "/dashboard?locale=en",
+//   fr: "/dashboard?locale=fr",
+//   es: "/dashboard?locale=es"
+// }
+```
+
+---
+
 ## Cas particuliers
 
 - **Pas de segment de locale :**

package/docs/fr/packages/next-intlayer/t.md

@@ -102,7 +102,7 @@ export const ServerComponentExample: FC = () => (
 );
 ```
 
-###Traductions en ligne dans les attributs
+### Traductions en ligne dans les attributs
 
 La fonction `t` est particulièrement utile pour les traductions en ligne dans les attributs JSX.
 Lors de la localisation d'attributs tels que `alt`, `title`, `href` ou `aria-label`, vous pouvez utiliser `t` directement dans l'attribut.

package/docs/fr/packages/next-intlayer/useRewriteURL.md

@@ -23,14 +23,6 @@ Le hook `useRewriteURL` pour Next.js est un hook côté client qui gère automat
 
 Ce hook fonctionne discrètement en utilisant `window.history.replaceState`, évitant des navigations redondantes via le routeur Next.js ou des rafraîchissements de page.
 
-## Comment ça fonctionne
-
-1. **Surveillance du chemin** : Le hook écoute les changements de la `locale` de l'utilisateur.
-2. **Détection de réécriture** : Il compare le `window.location.pathname` actuel aux règles de réécriture dans votre configuration.
-3. **Correction de l'URL** : Si un alias localisé plus lisible est trouvé pour le chemin courant, le hook déclenche un `window.history.replaceState` pour mettre à jour la barre d'adresse tout en maintenant l'utilisateur sur la même page interne.
-
-## Pourquoi l'utiliser dans Next.js ?
-
 ## Utilisation
 
 Appelez simplement le hook dans un Client Component qui fait partie de votre layout.

package/docs/fr/packages/react-intlayer/useDictionary.md

@@ -1,176 +1,60 @@
 ---
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: Hook useDictionary - Documentation React Intlayer
-description: Guide complet pour utiliser le hook useDictionary dans les applications React avec Intlayer pour une gestion efficace du contenu localisé sans éditeur visuel.
+createdAt: 2026-01-21
+updatedAt: 2026-01-21
+title: Documentation du Hook useDictionary | react-intlayer
+description: Découvrez comment utiliser le hook useDictionary pour le package react-intlayer
 keywords:
   - useDictionary
-  - React
-  - hook
+  - dictionary
+  - Intlayer
   - intlayer
-  - localisation
-  - i18n
-  - dictionnaire
-  - traduction
+  - Internationalisation
+  - Documentation
 slugs:
   - doc
   - packages
   - react-intlayer
   - useDictionary
 history:
-  - version: 5.5.10
-    date: 2025-06-29
-    changes: "Historique initial"
+  - version: 7.5.14
+    date: 2026-01-21
+    changes: "Documentation unifiée pour tous les exports"
 author: aymericzip
 ---
 
-# Intégration React : Documentation du hook `useDictionary`
+# Documentation du Hook useDictionary
 
-Cette section fournit des instructions détaillées sur l'utilisation du hook `useDictionary` dans les applications React, permettant une gestion efficace du contenu localisé sans éditeur visuel.
+Le hook `useDictionary` vous permet de traiter un objet qui ressemble à un dictionnaire (contenant des clés et du contenu) et de gérer les traductions, énumérations, etc., en son sein. Contrairement à `useIntlayer`, qui est conçu pour fonctionner avec les déclarations de dictionnaire générées, `useDictionary` est plus flexible et peut être utilisé avec n'importe quel objet qui suit la structure d'un dictionnaire.
 
-## Importation de `useDictionary` dans React
+## Utilisation
 
-Le hook `useDictionary` peut être intégré dans les applications React en l'important selon le contexte :
-
-- **Composant Client :**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer"; // Utilisé dans les composants React côté client
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer"; // Utilisé dans les composants React côté client
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer"); // Utilisé dans les composants React côté client
-  ```
-
-- **Composant Serveur :**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer/server"; // Utilisé dans les composants React côté serveur
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer/server"; // Utilisé dans les composants React côté serveur
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer/server"); // Utilisé dans les composants React côté serveur
-  ```
-
-## Paramètres
-
-Le hook accepte deux paramètres :
-
-1. **`dictionary`** : Un objet dictionnaire déclaré contenant le contenu localisé pour des clés spécifiques.
-2. **`locale`** (optionnel) : La locale souhaitée. Par défaut, la locale du contexte actuel est utilisée si elle n'est pas spécifiée.
-
-## Dictionnaire
-
-Tous les objets dictionnaires doivent être déclarés dans des fichiers de contenu structurés afin d'assurer la sécurité des types et d'éviter les erreurs d'exécution. Vous pouvez trouver les [instructions d'installation ici](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/content_file.md). Voici un exemple de déclaration de contenu :
-
-```typescript fileName="./component.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { t, type Dictionary } from "intlayer";
-
-const componentContent = {
-  key: "component-example",
-  content: {
-    title: t({
-      en: "Client Component Example",
-      fr: "Exemple de composant client",
-      es: "Ejemplo de componente cliente",
-    }),
-    content: t({
-      en: "This is the content of a client component example",
-      fr: "Ceci est le contenu d'un exemple de composant client",
-      es: "Este es el contenido de un ejemplo de componente cliente",
-    }),
-  },
-} satisfies Dictionary;
-
-export default componentContent;
-```
-
-```json fileName="./component.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "component-example",
-  "content": {
-    "title": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Client Component Example",
-        "fr": "Exemple de composant client",
-        "es": "Ejemplo de componente cliente"
-      }
-    },
-    "content": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "This is the content of a client component example",
-        "fr": "Ceci est le contenu d'un exemple de composant client",
-        "es": "Este es el contenido de un ejemplo de componente cliente"
-      }
-    }
-  }
-}
-```
-
-## Exemple d'utilisation dans React
-
-Voici un exemple de la façon d'utiliser le hook `useDictionary` dans un composant React :
-
-```tsx fileName="./ComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
+```tsx
 import { useDictionary } from "react-intlayer";
-import componentContent from "./component.content";
-
-const ComponentExample: FC = () => {
-  const { title, content } = useDictionary(componentContent);
-
-  return (
-    <div>
-      <h1>{title}</h1>
-      <p>{content}</p>
-    </div>
-  );
-};
-```
-
-## Intégration Serveur
-
-Si vous utilisez le hook `useDictionary` en dehors du `IntlayerProvider`, la locale doit être explicitement fournie en paramètre lors du rendu du composant :
-
-```tsx fileName="./ServerComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useDictionary } from "react-intlayer/server";
-import clientComponentExampleContent from "./component.content";
-
-const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
-  const { content } = useDictionary(clientComponentExampleContent, locale);
+import { t } from "intlayer";
+
+const MyComponent = () => {
+  const content = useDictionary({
+    key: "my_key",
+    content: {
+      myTranslation: t({
+        en: "Hello",
+        fr: "Bonjour",
+      }),
+    },
+  });
 
   return (
     <div>
-      <h1>{content.title}</h1>
-      <p>{content.content}</p>
+      <p>{content.myTranslation}</p>
     </div>
   );
 };
 ```
 
-## Notes sur les attributs
-
-Contrairement aux intégrations utilisant des éditeurs visuels, les attributs comme `buttonTitle.value` ne s'appliquent pas ici. Accédez directement aux chaînes localisées telles que déclarées dans votre contenu.
-
-```jsx
-<button title={content.title}>{content.content}</button>
-```
-
-## Conseils supplémentaires
+## Description
 
-- **Sécurité de type** : Utilisez toujours `Dictionary` pour définir vos dictionnaires afin d'assurer la sécurité de type.
-- **Mises à jour de la localisation** : Lors de la mise à jour du contenu, assurez-vous que toutes les locales sont cohérentes pour éviter les traductions manquantes.
+Le hook effectue les tâches suivantes :
 
-Cette documentation se concentre sur l'intégration du hook `useDictionary`, offrant une approche simplifiée pour gérer le contenu localisé sans dépendre des fonctionnalités des éditeurs visuels.
+1. **Détection de la locale** : Il utilise la locale actuelle du contexte `IntlayerProvider`.
+2. **Traitement de la traduction** : il résout le contenu en fonction de la locale détectée, en traitant toutes les définitions `t()`, `enu()`, etc., trouvées dans l'objet.
+3. **Contenu flexible** : Il fonctionne directement avec l'objet qui lui est passé, ce qui le rend idéal pour du contenu dynamique ou des objets qui ne font pas partie des dictionnaires standard pré-compilés.

package/docs/fr/packages/react-intlayer/useIntlayer.md

@@ -29,49 +29,6 @@ author: aymericzip
 
 Cette section fournit des instructions détaillées sur l'utilisation du hook `useIntlayer` dans les applications React, permettant une localisation efficace du contenu.
 
-## Importer `useIntlayer` dans React
-
-Le hook `useIntlayer` peut être intégré dans les applications React en l'important selon le contexte :
-
-- **Composant Client :**
-
-  ```typescript codeFormat="typescript"
-  import { useIntlayer } from "react-intlayer"; // Utilisé dans les composants React côté client
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer"; // Utilisé dans les composants React côté client
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer"); // Utilisé dans les composants React côté client
-  ```
-
-- **Composant Serveur :**
-
-  ```typescript codeFormat="commonjs"
-  import { useIntlayer } from "react-intlayer/server"; // Utilisé dans les composants React côté serveur
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react.intlayer/server"; // Utilisé dans les composants React côté serveur
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer/server"); // Utilisé dans les composants React côté serveur
-  ```
-
-## Paramètres
-
-Le hook accepte deux paramètres :
-
-1. **`key`** : La clé du dictionnaire pour récupérer le contenu localisé.
-2. **`locale`** (optionnel) : La locale souhaitée. Par défaut, la locale du contexte est utilisée si elle n'est pas spécifiée.
-
-## Dictionnaire
-
-Toutes les clés du dictionnaire doivent être déclarées dans des fichiers de déclaration de contenu afin d'améliorer la sécurité des types et d'éviter les erreurs. Vous pouvez trouver les [instructions d'installation ici](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/content_file.md).
-
 ## Exemple d'utilisation dans React
 
 Démonstration du hook `useIntlayer` dans un composant React :
@@ -131,14 +88,6 @@ const ServerComponentExample = () => {
 };
 ```
 
-## Gestion des attributs
-
-Lors de la localisation des attributs, accédez aux valeurs du contenu de manière appropriée :
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
 ## Ressources supplémentaires
 
 - **Éditeur visuel Intlayer** : Pour une expérience de gestion de contenu plus intuitive, consultez la documentation de l'éditeur visuel [ici](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md).

package/docs/fr/plugins/sync-json.md

@@ -429,65 +429,6 @@ Lorsque la même clé de traduction existe dans plusieurs sources JSON :
 2. Les sources de priorité inférieure sont utilisées comme secours pour les clés manquantes
 3. Cela vous permet de maintenir les traductions héritées tout en migrant progressivement vers de nouvelles structures
 
-## Intégrations
-
-Voici des mappages courants. Gardez votre runtime intact ; ajoutez uniquement le plugin.
-
-### i18next
-
-Disposition typique des fichiers : `./public/locales/{locale}/{namespace}.json` ou `./locales/{locale}/{namespace}.json`.
-
-```ts fileName="intlayer.config.ts"
-import { syncJSON } from "@intlayer/sync-json-plugin";
-
-export default {
-  plugins: [
-    syncJSON({
-      format: "i18next",
-      source: ({ key, locale }) => `./locales/${locale}/${key}.json`,
-    }),
-  ],
-};
-```
-
-### next-intl
-
-Messages JSON par locale (souvent `./messages/{locale}.json`) ou par namespace.
-
-```ts fileName="intlayer.config.ts"
-plugins: [
-  syncJSON({
-    source: ({ locale, key }) => `./messages/${locale}/${key}.json`,
-  }),
-];
-```
-
-Voir aussi : `docs/fr/intlayer_with_next-intl.md`.
-
-### react-intl
-
-Un seul JSON par locale est courant :
-
-```ts fileName="intlayer.config.ts"
-plugins: [
-  syncJSON({
-    source: ({ locale }) => `./locales/${locale}.json`,
-  }),
-];
-```
-
-### vue-i18n
-
-Soit un seul fichier par locale, soit par namespace :
-
-```ts fileName="intlayer.config.ts"
-plugins: [
-  syncJSON({
-    source: ({ key, locale }) => `./src/locales/${locale}/${key}.json`,
-  }),
-];
-```
-
 ## CLI
 
 Les fichiers JSON synchronisés seront considérés comme d'autres fichiers `.content`. Cela signifie que toutes les commandes intlayer seront disponibles pour les fichiers JSON synchronisés. Cela inclut :

package/docs/fr/releases/v6.md

@@ -25,6 +25,10 @@ author: aymericzip
 
 Bienvenue dans Intlayer v6 ! Cette version se concentre sur les performances, l'expérience développeur et la fiabilité. Voici les points forts, avec des notes de migration et des exemples à copier-coller.
 
+## Table des matières
+
+<TOC levels={[2]} maxDepth={1} />
+
 ## Points forts
 
 - Nouvelle commande : `npx intlayer content test` pour détecter les traductions manquantes
@@ -295,6 +299,24 @@ Voir [CMS et synchronisation en direct](https://github.com/aymericzip/intlayer/b
 
 ---
 
+## Processus parallèle pour surveiller les fichiers sur turbopack
+
+Lors de l'utilisation de Turbopack sur Next.js 14 et versions ultérieures comme serveur de développement avec la commande `next dev --turbopack`, les modifications du dictionnaire ne seront pas détectées automatiquement par défaut.
+
+Cette limitation se produit parce que Turbopack ne peut pas exécuter les plugins webpack en parallèle pour surveiller les modifications dans vos fichiers de contenu.
+
+Pour contourner ce problème, nous avons utilisé la commande `intlayer watch` avec l'option `--with` pour exécuter simultanément le serveur de développement et l'observateur de build Intlayer.
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    "dev": "npx intlayer watch --with 'next dev --turbopack'",
+  },
+}
+```
+
+---
+
 ## Notes de migration
 
 - Supprimé : `dictionaryOutput` (précédemment `i18next` ou `next-intl`). Cela reviendra sous forme d'adaptateurs modulables dans les futures versions. Supprimez ce champ de votre configuration.
@@ -313,6 +335,12 @@ Voir [CMS et synchronisation en direct](https://github.com/aymericzip/intlayer/b
 
 ---
 
+## Notes de migration de v6 à v7
+
+Consultez les [notes de migration de v6 à v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/releases/v7.md) pour plus d'informations.
+
+---
+
 ## Liens utiles
 
 - [Référence CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/cli/index.md)