@intlayer/docs 9.3.3 → 9.4.0

package/docs/fr/dictionary/html.md

@@ -245,7 +245,7 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
 
 <Tabs group="framework">
   <Tab label="React / Next.js" value="react">
-  
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "react-intlayer/html";
 
@@ -282,7 +282,7 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
 
   </Tab>
   <Tab label="Vue" value="vue">
-  
+
     ```typescript fileName="main.ts"
     import { createApp, h } from "vue";
     import { intlayer } from "vue-intlayer";
@@ -327,7 +327,7 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-   
+
     ```svelte fileName="App.svelte"
     <script lang="ts">
       import { HTMLProvider } from "svelte-intlayer/html";
@@ -364,7 +364,7 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
 
   </Tab>
   <Tab label="Preact" value="preact">
-   
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "preact-intlayer/html";
 
@@ -400,7 +400,7 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
 
   </Tab>
   <Tab label="Solid" value="solid">
-   
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "solid-intlayer/html";
 
@@ -460,9 +460,9 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
     export const appConfig: ApplicationConfig = {
       providers: [
         createIntlayerHTMLProvider({
-          renderMarkdown: async (html) => {
-            const { renderMarkdown } = await import('angular-intlayer/html');
-            return renderMarkdown(html);
+          renderHTML: async (html) => {
+            const { renderHTML } = await import('angular-intlayer/html');
+            return renderHTML(html);
           },
         }),
       ],
@@ -519,9 +519,9 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
 
   </Tab>
   <Tab label="Vue" value="vue">
-   
+
     #### Composant `<HTMLRenderer />`
-   
+
     ```vue
     <script setup>
     import { HTMLRenderer } from "vue-intlayer/html";
@@ -534,9 +534,9 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-  
+
     #### Composant `<HTMLRenderer />`
-   
+
     ```svelte
     <script lang="ts">
     import { HTMLRenderer } from "svelte-intlayer/html";
@@ -568,9 +568,9 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
 
   </Tab>
   <Tab label="Preact" value="preact">
-   
+
     #### Composant `<HTMLRenderer />`
-   
+
     ```tsx
     import { HTMLRenderer } from "preact-intlayer/html";
 
@@ -599,9 +599,9 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
 
   </Tab>
   <Tab label="Solid" value="solid">
-   
+
     #### Composant `<HTMLRenderer />`
-   
+
     ```tsx
     import { HTMLRenderer } from "solid-intlayer/html";
 
@@ -640,7 +640,7 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
       constructor(private markdownService: IntlayerHTMLService) {}
 
       renderHTML(html: string) {
-        return this.markdownService.renderMarkdown(html);
+        return this.markdownService.renderHTML(html);
       }
     }
     ```

package/docs/fr/dictionary/markdown.md

@@ -492,7 +492,7 @@ Ces utilitaires rendent **des chaînes Markdown brutes** et sont indépendants d
 
 <Tabs group="framework">
   <Tab label="React" value="react">
-  
+
     #### Composant `<MarkdownRenderer />`
 
     Rend une chaîne Markdown avec des options spécifiques.
@@ -531,7 +531,7 @@ Ces utilitaires rendent **des chaînes Markdown brutes** et sont indépendants d
 
   </Tab>
   <Tab label="Next.js" value="nextjs">
-  
+
     #### Composant `<MarkdownRenderer />`
 
     Rend une chaîne Markdown avec des options spécifiques.
@@ -957,6 +957,10 @@ Le `MarkdownProvider` (ou son équivalent dans un framework) configure le pipeli
   </Tab>
   <Tab label="Angular" value="angular">
 
+> MDX est supporté — tout nom de composant utilisé dans votre Markdown (par exemple `<MyCustomJSXComponent />`) est résolu par rapport au mapping `components`.
+
+Vous pouvez également utiliser votre propre moteur de rendu Markdown :
+
     ```typescript fileName="app.module.ts"
     import { NgModule } from '@angular/core';
     import { IntlayerMarkdownModule } from 'angular-intlayer/markdown';
@@ -1047,7 +1051,7 @@ const MyComponent = () => {
 ```
 
   </Tab>
- 
+
   <Tab label="Vue" value="vue">
 
 Vue possède un composant `<Suspense>` intégré. Enveloppez le composant rendant le contenu Markdown dans une limite `<Suspense>`.

package/docs/fr/dictionary/plurial.md

@@ -35,10 +35,74 @@ Contrairement à [`enu`](https://github.com/aymericzip/intlayer/blob/main/docs/d
 
 ## Quand utiliser `plural` vs `enu`
 
+To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+
+To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+
+## Configuration du contenu au pluriel
+
+Pour configurer du contenu au pluriel dans votre projet Intlayer, créez un module de contenu qui utilise l'assistant `plural`. La catégorie `other` est obligatoire et sert de repli lorsqu'une locale ne définit pas de catégorie plus spécifique.
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+import { plural, t, type Dictionary } from "intlayer";
+
+const openingsContent = {
+  key: "total_openings",
+  content: {
+    totalOpenings: t({
+      en: plural({
+        one: "{{count}} opening",
+        other: "{{count}} openings",
+      }),
+      fr: plural({
+        one: "{{count}} poste ouvert",
+        other: "{{count}} postes ouverts",
+      }),
+    }),
+  },
+} satisfies Dictionary;
+
+export default openingsContent;
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "total_openings",
+  "content": {
+    "totalOpenings": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} opening",
+            "other": "{{count}} openings"
+          }
+        },
+        "fr": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} poste ouvert",
+            "other": "{{count}} postes ouverts"
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+> Les catégories prises en charge sont `zero`, `one`, `two`, `few`, `many`, `other`. Vous n'avez qu'à déclarer les catégories utilisées par votre langue cible, Intlayer revient à `other` lorsqu'aucune catégorie spécifique ne correspond.
+>
+> L'espace réservé `{{count}}` est automatiquement remplacé par le nombre que vous passez au moment de l'exécution. Vous pouvez également inclure d'autres espaces réservés (voir [Espaces réservés personnalisés](#custom-placeholders) ci-dessous).
+
+## Utilisation du contenu au pluriel avec React Intlayer
+
 <Tabs group="framework">
   <Tab label="React" value="react">
 
-To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+Pour utiliser du contenu au pluriel dans un composant React, récupérez-le via le hook `useIntlayer` et appelez-le avec un nombre. La locale active et le nombre sont combinés pour choisir la catégorie CLDR correspondante.
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
@@ -49,6 +113,11 @@ const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
 
   return (
     <div>
+      {/* En anglais :                                  */}
+      {/*  count=0  → "0 openings"   (other)           */}
+      {/*  count=1  → "1 opening"    (one)             */}
+      {/*  count=2  → "2 openings"   (other)           */}
+      {/*  count=21 → "21 openings"  (other)           */}
       <p>{totalOpenings(count)}</p>
     </div>
   );
@@ -60,7 +129,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Next.js" value="nextjs">
 
-To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Pour utiliser du contenu pluriel dans les Client Components Next.js, récupérez-le via le hook `useIntlayer` et appelez-le avec un compte. Voici un exemple :
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 "use client";
@@ -84,7 +153,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Vue" value="vue">
 
-To use plural content in Vue components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Pour utiliser du contenu pluralisé dans les composants Vue, récupérez-le via le hook `useIntlayer` et appelez-le avec un décompte. Voici un exemple :
 
 ```vue fileName="**/*.vue"
 <script setup lang="ts">
@@ -105,7 +174,7 @@ const { totalOpenings } = useIntlayer("total_openings");
   </Tab>
   <Tab label="Svelte" value="svelte">
 
-To use plural content in Svelte components, retrieve it via the `useIntlayer` hook and call it with a count. The store is accessed with `$`. Here's an example:
+Pour utiliser du contenu pluriel dans les composants Svelte, récupérez-le via le hook `useIntlayer` et appelez-le avec un count. Le store est accessible avec `$`. Voici un exemple :
 
 ```svelte fileName="**/*.svelte"
 <script lang="ts">
@@ -124,7 +193,7 @@ const content = useIntlayer("total_openings");
   </Tab>
   <Tab label="Preact" value="preact">
 
-To use plural content in Preact components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Pour utiliser le contenu pluriel dans les composants Preact, récupérez-le via le hook `useIntlayer` et appelez-le avec un compte. Voici un exemple :
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "preact";
@@ -146,7 +215,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Solid" value="solid">
 
-To use plural content in SolidJS components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Pour utiliser du contenu au pluriel dans les composants SolidJS, récupérez-le via le hook `useIntlayer` et appelez-le avec un nombre. Voici un exemple :
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { Component } from "solid-js";
@@ -168,7 +237,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Angular" value="angular">
 
-To use plural content in Angular components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Pour utiliser du contenu pluriel dans les composants Angular, récupérez-le via le hook `useIntlayer` et appelez-le avec un count. Voici un exemple :
 
 ```typescript fileName="app.component.ts" codeFormat="typescript"
 import { Component, Input } from "@angular/core";
@@ -192,109 +261,6 @@ export class OpeningsComponent {
   </Tab>
   <Tab label="Vanilla JS" value="vanilla">
 
-To use plural content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("total_openings").onChange((newContent) => {
-  document.getElementById("openings")!.textContent =
-    newContent.totalOpenings(5);
-});
-
-// Initial render
-document.getElementById("openings")!.textContent = content.totalOpenings(5);
-```
-
-  </Tab>
-</Tabs>
-
-## Configuration du contenu au pluriel
-
-Pour configurer du contenu au pluriel dans votre projet Intlayer, créez un module de contenu qui utilise l'assistant `plural`. La catégorie `other` est obligatoire et sert de repli lorsqu'une locale ne définit pas de catégorie plus spécifique.
-
-```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { plural, t, type Dictionary } from "intlayer";
-
-const openingsContent = {
-  key: "total_openings",
-  content: {
-    totalOpenings: t({
-      en: plural({
-        one: "{{count}} opening",
-        other: "{{count}} openings",
-      }),
-      fr: plural({
-        one: "{{count}} poste ouvert",
-        other: "{{count}} postes ouverts",
-      }),
-    }),
-  },
-} satisfies Dictionary;
-
-export default openingsContent;
-```
-
-```json fileName="**/*.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "total_openings",
-  "content": {
-    "totalOpenings": {
-      "nodeType": "translation",
-      "translation": {
-        "en": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} opening",
-            "other": "{{count}} openings"
-          }
-        },
-        "fr": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} poste ouvert",
-            "other": "{{count}} postes ouverts"
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-> Les catégories prises en charge sont `zero`, `one`, `two`, `few`, `many`, `other`. Vous n'avez qu'à déclarer les catégories utilisées par votre langue cible, Intlayer revient à `other` lorsqu'aucune catégorie spécifique ne correspond.
->
-> L'espace réservé `{{count}}` est automatiquement remplacé par le nombre que vous passez au moment de l'exécution. Vous pouvez également inclure d'autres espaces réservés (voir [Espaces réservés personnalisés](#custom-placeholders) ci-dessous).
-
-## Utilisation du contenu au pluriel avec React Intlayer
-
-Pour utiliser du contenu au pluriel dans un composant React, récupérez-le via le hook `useIntlayer` et appelez-le avec un nombre. La locale active et le nombre sont combinés pour choisir la catégorie CLDR correspondante.
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
-  const { totalOpenings } = useIntlayer("total_openings");
-
-  return (
-    <div>
-      {/* En anglais :                                  */}
-      {/*  count=0  → "0 openings"   (other)           */}
-      {/*  count=1  → "1 opening"    (one)             */}
-      {/*  count=2  → "2 openings"   (other)           */}
-      {/*  count=21 → "21 openings"  (other)           */}
-      <p>{totalOpenings(count)}</p>
-    </div>
-  );
-};
-
-export default OpeningsComponent;
-```
-
 Vous pouvez appeler la fonction retournée de deux manières équivalentes :
 
 ```tsx
@@ -302,6 +268,9 @@ totalOpenings(21); // raccourci : nombre uniquement
 totalOpenings({ count: 21 }); // forme explicite
 ```
 
+  </Tab>
+</Tabs>
+
 ## Espaces réservés personnalisés
 
 Les chaînes au pluriel peuvent inclure des espaces réservés autres que `{{count}}`. Passez-les sous forme d'objet aux côtés de `count` :

package/docs/fr/dynamic_dictionaries/variants.md

@@ -523,6 +523,27 @@ Déclarez plutôt la variante une seule fois sur le fournisseur, exactement comm
 
   </Tab>
   <Tab label="Next.js" value="nextjs">
+    <Tabs>
+      <Tab label="Intlayer >=9.4" value=">=9.4">
+
+        ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+        import { IntlayerProvider } from "next-intlayer/server";
+
+        export default async function Layout({ children, params }) {
+          const { locale } = await params;
+          const schoolType = await getSchoolType();
+
+          return (
+            <IntlayerProvider locale={locale} variant={schoolType}>
+              {children}
+            </IntlayerProvider>
+          );
+        }
+        ```
+
+      </Tab>
+      <Tab label="Intlayer <9.4" value="<9.4">
+
     ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
     import { IntlayerServerProvider } from "next-intlayer/server";
     import { IntlayerClientProvider } from "next-intlayer";
@@ -541,6 +562,9 @@ Déclarez plutôt la variante une seule fois sur le fournisseur, exactement comm
     }
     ```
 
+      </Tab>
+    </Tabs>
+
   </Tab>
   <Tab label="Vue" value="vue">
     ```ts fileName="main.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}

package/docs/fr/formatters.md

@@ -56,44 +56,14 @@ Intlayer fournit un ensemble d'aides légères construites sur les API natives `
 
 L'`Intl` exporté est un wrapper léger et mis en cache autour de l'`Intl` global. Il mémorise les instances de `NumberFormat`, `DateTimeFormat`, `RelativeTimeFormat`, `ListFormat`, `DisplayNames`, `Collator` et `PluralRules`, ce qui évite de reconstruire plusieurs fois le même formateur.
 
-Parce que la construction des formateurs est relativement coûteuse, cette mise en cache améliore les performances sans changer le comportement. Le wrapper expose la même API que l'`Intl` natif, donc l'utilisation est identique.
-
-- La mise en cache est par processus et transparente pour les appelants.
-
 > Si `Intl.DisplayNames` n'est pas disponible dans l'environnement, un seul avertissement destiné aux développeurs est affiché (envisagez un polyfill).
 
 Exemples :
 
-```ts
-import { Intl } from "intlayer";
-
-// Formatage des nombres
-const numberFormat = new Intl.NumberFormat("en-GB", {
-  style: "currency",
-  currency: "GBP",
-});
-numberFormat.format(1234.5); // "£1,234.50"
-
-// Noms affichés pour les langues, régions, etc.
-const displayNames = new Intl.DisplayNames("fr", { type: "language" });
-displayNames.of("en"); // "anglais"
-
-// Collation pour le tri
-const collator = new Intl.Collator("fr", { sensitivity: "base" });
-collator.compare("é", "e"); // 0 (égal)
-
-// Règles de pluriel
-const pluralRules = new Intl.PluralRules("fr");
-pluralRules.select(1); // "one"
-pluralRules.select(2); // "other"
-```
-
 ## Utilitaires de locale
 
 ### `getLocaleName(displayLocale, targetLocale?)`
 
-Obtient le nom localisé d'une locale dans une autre locale :
-
 ```ts
 import { getLocaleName } from "intlayer";
 
@@ -102,29 +72,15 @@ getLocaleName("en", "fr"); // "anglais"
 getLocaleName("de", "es"); // "alemán"
 ```
 
-- **displayLocale** : La locale pour laquelle obtenir le nom
-- **targetLocale** : La locale dans laquelle afficher le nom (par défaut displayLocale)
-
 ### `getLocaleFromPath(inputUrl)`
 
 Extrait le segment de locale d'une URL ou d'un chemin :
 
-```ts
-import { getLocaleFromPath } from "intlayer";
-
-getLocaleFromPath("/en/dashboard"); // "en"
-getLocaleFromPath("/fr/dashboard"); // "fr"
-getLocaleFromPath("/dashboard"); // "en" (locale par défaut)
-getLocaleFromPath("https://example.com/es/about"); // "es"
-```
-
 - **inputUrl** : La chaîne complète de l'URL ou le chemin à traiter
 - **returns** : La locale détectée ou la locale par défaut si aucune locale n'est trouvée
 
 ### `getLocalizedUrl(url, currentLocale, locales?, defaultLocale?, prefixDefault?)`
 
-Génère une URL localisée pour la locale courante :
-
 ```ts
 import { getLocalizedUrl } from "intlayer";
 
@@ -133,12 +89,6 @@ getLocalizedUrl("/about", "en", ["en", "fr"], "en", false); // "/about"
 getLocalizedUrl("https://example.com/about", "fr", ["en", "fr"], "en", true); // "https://example.com/fr/about"
 ```
 
-- **url** : L’URL originale à localiser
-- **currentLocale** : La locale courante
-- **locales** : Tableau optionnel des locales supportées (par défaut les locales configurées)
-- **defaultLocale** : Locale par défaut optionnelle (par défaut la locale par défaut configurée)
-- **prefixDefault** : Indique s’il faut préfixer la locale par défaut (par défaut la valeur configurée)
-
 ### `getHTMLTextDir(locale?)`
 
 Retourne la direction du texte pour une locale :
@@ -151,22 +101,10 @@ getHTMLTextDir("ar"); // "rtl"
 getHTMLTextDir("he"); // "rtl"
 ```
 
-- **locale** : La locale pour laquelle obtenir la direction du texte (par défaut la locale courante)
-- **returns** : `"ltr"`, `"rtl"`, ou `"auto"`
-
 ## Formatteurs
 
-Tous les helpers ci-dessous sont exportés depuis `intlayer`.
-
 ### `number(value, options?)`
 
-Formate une valeur numérique en utilisant le regroupement et les décimales adaptés à la locale.
-
-- **value** : `number | string`
-- **options** : `Intl.NumberFormatOptions & { locale?: LocalesValues }`
-
-Exemples :
-
 ```ts
 import { number } from "intlayer";
 
@@ -183,25 +121,8 @@ Formate une valeur en devise localisée. Par défaut en `USD` avec deux chiffres
 - **options** : `Intl.NumberFormatOptions & { locale?: LocalesValues }`
   - Champs communs : `currency` (ex. : `"EUR"`), `currencyDisplay` (`"symbol" | "code" | "name"`)
 
-Exemples :
-
-```ts
-import { currency } from "intlayer";
-
-currency(1234.5, { currency: "EUR" }); // "€1,234.50"
-currency("5000", { locale: "fr", currency: "CAD", currencyDisplay: "code" }); // "5 000,00 CAD"
-```
-
 ### `date(date, optionsOrPreset?)`
 
-Formate une valeur date/heure avec `Intl.DateTimeFormat`.
-
-- **date** : `Date | string | number`
-- **optionsOrPreset** : `Intl.DateTimeFormatOptions & { locale?: LocalesValues }` ou l’un des préréglages :
-  - Préréglages : `"short" | "long" | "dateOnly" | "timeOnly" | "full"`
-
-Exemples :
-
 ```ts
 import { date } from "intlayer";
 
@@ -211,16 +132,12 @@ date("2025-08-02T14:30:00Z", { locale: "fr", month: "long", day: "numeric" }); /
 
 ### `relativeTime(from, to = new Date(), options?)`
 
-Formate un temps relatif entre deux instants avec `Intl.RelativeTimeFormat`.
-
 - Passez "now" comme premier argument et la cible comme second pour obtenir une formulation naturelle.
 - **from** : `Date | string | number`
 - **to** : `Date | string | number` (par défaut `new Date()`)
 - **options** : `{ locale?: LocalesValues; unit?: Intl.RelativeTimeFormatUnit; numeric?: Intl.RelativeTimeFormatNumeric; style?: Intl.RelativeTimeFormatStyle }`
   - L’`unit` par défaut est `"second"`.
 
-Exemples :
-
 ```ts
 import { relativeTime } from "intlayer";
 
@@ -238,15 +155,6 @@ Pour les contextes sans framework, importez les formatters directement depuis `i
 
 ### `units(value, options?)`
 
-Formate une valeur numérique en chaîne localisée avec une unité en utilisant `Intl.NumberFormat` avec `style: 'unit'`.
-
-- **value** : `number | string`
-- **options** : `Intl.NumberFormatOptions & { locale?: LocalesValues }`
-  - Champs communs : `unit` (par exemple, `"kilometer"`, `"byte"`), `unitDisplay` (`"short" | "narrow" | "long"`)
-  - Valeurs par défaut : `unit: 'day'`, `unitDisplay: 'short'`, `useGrouping: false`
-
-Exemples :
-
 ```ts
 import { units } from "intlayer";
 
@@ -512,11 +420,6 @@ getHTMLTextDir("he"); // "rtl"
 
 ### `compact(value, options?)`
 
-Formate un nombre en utilisant la notation compacte (par exemple, `1.2K`, `1M`).
-
-- **value** : `number | string`
-- **options** : `Intl.NumberFormatOptions & { locale?: LocalesValues }` (utilise `notation: 'compact'` en interne)
-
 Exemples :
 
 ```ts
@@ -528,13 +431,6 @@ compact("1000000", { locale: "fr", compactDisplay: "long" }); // "1 million"
 
 ### `list(values, options?)`
 
-Formate un tableau de valeurs en une chaîne de liste localisée en utilisant `Intl.ListFormat`.
-
-- **values** : `(string | number)[]`
-- **options** : `Intl.ListFormatOptions & { locale?: LocalesValues }`
-  - Champs communs : `type` (`"conjunction" | "disjunction" | "unit"`), `style` (`"long" | "short" | "narrow"`)
-  - Valeurs par défaut : `type: 'conjunction'`, `style: 'long'`
-
 Exemples :
 
 ```ts
@@ -562,8 +458,6 @@ import {
 } from "vue-intlayer/format";
 ```
 
-> Ces composables prendront en compte la locale depuis le `IntlayerProvider` injecté
-
 ## Notes
 
 - Tous les helpers acceptent des entrées `string` ; elles sont converties en nombres ou dates en interne.