@intlayer/docs 9.5.6 → 9.5.8

package/docs/fr/cli/infra.md

@@ -0,0 +1,162 @@
+---
+createdAt: 2026-09-21
+updatedAt: 2026-09-21
+title: CLI - Init Infra
+description: Apprenez à utiliser la commande init infra du CLI Intlayer pour installer l'application de bureau ou auto-héberger le CMS Intlayer avec Docker (conteneur tout-en-un ou stack Docker Compose).
+keywords:
+  - CLI
+  - Infrastructure
+  - Auto-hébergement
+  - Application de bureau
+  - Docker
+  - Docker Compose
+  - CMS
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - infra
+history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "Ajouter la commande init infra"
+author: aymericzip
+---
+
+# Commande Intlayer CLI Init Infra
+
+## Description
+
+La commande `init infra` configure l'infrastructure Intlayer sur votre machine. Elle télécharge l'installateur hébergé pour votre plateforme (`https://intlayer.org/install.sh` sur macOS / Linux, `https://intlayer.org/install.ps1` sur Windows) et l'exécute avec votre terminal attaché, de sorte que le menu et la progression de l'installateur vous parviennent sans modification.
+
+L'installateur vous demande comment vous souhaitez exécuter Intlayer :
+
+- **Application de bureau** : télécharge le tableau de bord natif pour votre système d'exploitation et processeur et l'ouvre ou l'installe. La version de bureau communique avec le backend Intlayer Cloud.
+- **Docker tout-en-un** : tableau de bord + API + MongoDB + Redis + MinIO dans un seul conteneur adossé à un seul volume. Écrit `./intlayer.env` avec les secrets générés et télécharge l'image `intlayer/cms-all`.
+- **Docker Compose** : un conteneur par service, pour un auto-hébergement évolutif. Écrit `docker-compose.yml` et `.env` dans `./intlayer/` et télécharge les images.
+
+L'installateur hébergé est la source unique de vérité pour le flux d'installation : le CLI l'exécute plutôt que de réimplémenter les mêmes étapes, ainsi `npx intlayer init infra` et `curl -fsSL https://intlayer.org/install.sh | sh` font exactement la même chose.
+
+## Utilisation
+
+```bash packageManager="npm"
+npx intlayer init infra [options]
+```
+
+```bash packageManager="yarn"
+yarn intlayer init infra [options]
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer init infra [options]
+```
+
+```bash packageManager="bun"
+bun x intlayer init infra [options]
+```
+
+La même étape est proposée dans la liste de contrôle de `npx intlayer init --interactive`, sous **Infrastructure (application de bureau / auto-hébergement)**.
+
+## Options
+
+- `-m, --mode <mode>` - Optionnel. Passez le menu de l'installateur et exécutez directement un mode. Valeurs acceptées : `desktop`, `docker` (tout-en-un) ou `compose`. Toute autre valeur quitte avec une erreur listant les modes acceptés.
+
+## Exemples
+
+### Choisir le mode de manière interactive
+
+```bash
+npx intlayer init infra
+```
+
+### Installer l'application de bureau
+
+```bash
+npx intlayer init infra --mode desktop
+```
+
+### Auto-héberger avec le conteneur tout-en-un
+
+```bash
+npx intlayer init infra --mode docker
+```
+
+### Auto-héberger avec Docker Compose
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+## Exemple de sortie
+
+```bash
+npx intlayer init infra --mode compose
+◇  Installer downloaded
+▸ Fetching docker-compose.yml into ./intlayer
+▸ Writing ./intlayer/.env
+▸ Pulling images
+
+  Everything is installed. Two steps left.
+
+  1. Configure a mailer in:
+
+       ./intlayer/.env
+
+     Either RESEND_API_KEY (resend.com) or the MAIL_SMTP_* block — the first
+     account cannot be verified without a working mailer.
+  2. Start the stack:
+
+       cd ./intlayer && docker compose up -d
+
+  Then open http://localhost:3000 — first boot initialises the
+  datastores, so give it a minute. The first account you create becomes the
+  super admin.
+
+    Logs      docker compose logs -f
+    Stop      docker compose down
+    Upgrade   docker compose pull && docker compose up -d
+```
+
+## Paramètres de l'installateur
+
+L'installateur lit quelques variables d'environnement, que le CLI transmet telles quelles. Définissez-les dans votre terminal avant d'exécuter la commande :
+
+```bash
+INTLAYER_COMPOSE_DIR=./cms npx intlayer init infra --mode compose
+```
+
+| Variable                  | Défaut                    | S'applique à | Description                                                           |
+| ------------------------- | ------------------------- | ------------ | --------------------------------------------------------------------- |
+| `INTLAYER_MODE`           | _(demandé)_               | tous         | `desktop`, `docker` ou `compose`, identique à `--mode`                |
+| `INTLAYER_DOWNLOAD_DIR`   | `~/Downloads`             | desktop      | Où l'installateur de l'application est enregistré                     |
+| `INTLAYER_IMAGE`          | `intlayer/cms-all:latest` | docker       | Image tout-en-un à télécharger                                        |
+| `INTLAYER_ENV_FILE`       | `./intlayer.env`          | docker       | Où écrire le fichier d'environnement                                  |
+| `INTLAYER_CONTAINER_NAME` | `intlayer`                | docker       | Nom du conteneur                                                      |
+| `INTLAYER_DATA_VOLUME`    | `intlayer-data`           | docker       | Volume nommé monté sur `/data`                                        |
+| `INTLAYER_APP_PORT`       | `3000`                    | docker       | Port hôte pour le tableau de bord                                     |
+| `INTLAYER_API_PORT`       | `3100`                    | docker       | Port hôte pour l'API                                                  |
+| `INTLAYER_S3_PORT`        | `9000`                    | docker       | Port hôte pour l'API S3 MinIO                                         |
+| `INTLAYER_CONSOLE_PORT`   | `9001`                    | docker       | Port hôte pour la console MinIO                                       |
+| `INTLAYER_COMPOSE_DIR`    | `./intlayer`              | compose      | Où `docker-compose.yml` et `.env` sont écrits                         |
+| `INTLAYER_SELFHOST_REF`   | `main`                    | les deux     | Référence Git d'où sont récupérés le fichier compose et le modèle env |
+
+> Les variables de port ne modifient que le côté **hôte** du mappage. Les images publiées intègrent `http://localhost:3000`, `http://localhost:3100` et `http://localhost:9000` compilés dans le bundle du tableau de bord, conservez donc les valeurs par défaut à moins de construire vos propres images : voir le [guide d'auto-hébergement](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md#limitations).
+
+## Prérequis
+
+- **L'application de bureau** nécessite [Node.js](https://nodejs.org) : l'application intègre le serveur du tableau de bord et le démarre avec le binaire `node` de la machine.
+- **Les modes Docker** nécessitent [Docker](https://docs.docker.com/get-docker/) (Docker Desktop avec le backend WSL 2 sur Windows). Le mode Compose nécessite également le plugin `docker compose`.
+
+## Remarques
+
+- La réexécution de la commande est sûre : un fichier d'environnement existant n'est jamais écrasé, ce qui sert également de voie de mise à niveau (l'installateur télécharge les dernières images et conserve vos secrets).
+- L'installateur est téléchargé dans un répertoire temporaire et supprimé dès qu'il se termine, quel que soit le résultat.
+- Le code de sortie de la commande est celui de l'installateur. Si le téléchargement lui-même échoue, le CLI affiche la commande équivalente `curl … | sh` (ou `irm … | iex`) pour que vous puissiez exécuter directement l'installateur.
+- Les modes Docker nécessitent toujours un service d'envoi d'e-mails pour envoyer les liens de connexion. Une fois l'installateur terminé, configurez Resend ou SMTP dans le fichier d'environnement généré : voir [Service d'e-mail global](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md#global-mailer).
+
+## Connexe
+
+- [Guide d'auto-hébergement](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md) - Architecture, premières étapes et limitations de chaque mode
+- [Initialiser Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/cli/init.md) - La commande parente `init` et sa liste de contrôle interactive
+- [CMS Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md) - Ce que fait le tableau de bord que vous venez d'installer

package/docs/fr/cli/init.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-12-30
-updatedAt: 2025-12-30
+updatedAt: 2026-09-21
 title: Initialiser Intlayer
 description: Apprenez à initialiser Intlayer dans votre projet.
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - cli
   - init
 history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "Ajout de la sous-commande init infra"
   - version: 8.6.4
     date: 2026-03-31
     changes: "Ajout de l'option --no-gitignore"
@@ -125,6 +128,26 @@ bun x intlayer init --no-gitignore
 
 Cela configurera tous les fichiers de configuration mais ne modifiera pas votre `.gitignore`.
 
+### Configurer l'infrastructure (application de bureau ou auto-hébergement) :
+
+```bash
+npx intlayer init infra
+```
+
+Télécharge et exécute l'installateur hébergé (`https://intlayer.org/install.sh`, ou `install.ps1` sur Windows), qui vous demande comment vous souhaitez exécuter Intlayer :
+
+- **Application de bureau** - installe le tableau de bord natif sur votre machine, connecté à Intlayer Cloud.
+- **Docker tout-en-un** - tableau de bord + API + MongoDB + Redis + MinIO dans un seul conteneur.
+- **Docker Compose** - un conteneur par service, pour un auto-hébergement évolutif.
+
+Passez le menu avec `--mode` :
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+La même étape est proposée par `npx intlayer init --interactive`. Consultez la [référence `init infra`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/cli/infra.md) pour les paramètres de l'installateur, et le [guide d'auto-hébergement](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md) pour ce que chaque mode configure.
+
 ## Exemple de sortie :
 
 ```bash

package/docs/fr/cli/upgrade.md

@@ -0,0 +1,125 @@
+---
+createdAt: 2026-09-23
+updatedAt: 2026-09-23
+title: CLI - Mettre à jour les packages Intlayer
+description: Découvrez comment utiliser la commande upgrade du CLI Intlayer pour lister tous les packages Intlayer de votre projet ou monorepo et les mettre à jour vers la dernière version.
+keywords:
+  - CLI
+  - Upgrade
+  - Mettre à jour
+  - Packages
+  - Monorepo
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - upgrade
+history:
+  - version: 9.5.8
+    date: 2026-09-23
+    changes: "Ajouter la commande upgrade"
+author: aymericzip
+---
+
+# Mettre à jour les packages Intlayer
+
+```bash packageManager="npm"
+npx intlayer upgrade
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade
+```
+
+La commande `upgrade` liste les packages Intlayer déclarés dans chaque `package.json` de votre projet, y compris les workspaces d'un monorepo, et les met à jour vers la dernière version publiée. Elle exécute de manière autonome la même étape de mise à jour des packages que `intlayer init`.
+
+## Arguments :
+
+- `--project-root [projectRoot]` - Optionnel. Le répertoire racine du projet. Par défaut, la commande démarre à partir du `package.json` le plus proche au-dessus du répertoire de travail actuel.
+- `--dry-run` - Optionnel. Liste les packages et leur version cible sans modifier aucun fichier.
+- `--tag <tag>` - Optionnel. Le dist-tag npm vers lequel effectuer la mise à jour (par exemple `canary`). Par défaut à `latest`.
+
+## Ce qu'elle fait :
+
+1. **Liste les packages Intlayer** - Analyse chaque `package.json` du projet (en ignorant `node_modules` et les sorties de build) à la recherche des dépendances et devDependencies `intlayer`, `@intlayer/*`, `*-intlayer` et `intlayer-*`.
+2. **Récupère la version cible** - Lit la version du dist-tag sélectionné (`latest` par défaut) de chaque package depuis le registre npm.
+3. **Réécrit les plages de versions** - Met à jour chaque plage obsolète directement dans le fichier, en conservant son opérateur (`^`, `~` ou aucun) ainsi que l'indentation du fichier.
+4. **Installe en une seule fois** - Exécute une seule installation depuis la racine du workspace (le répertoire le plus proche contenant un lock file), en utilisant le gestionnaire de packages propriétaire du lock file :
+
+| Lock file                    | Commande       |
+| ---------------------------- | -------------- |
+| `bun.lock` / `bun.lockb`     | `bun install`  |
+| `pnpm-lock.yaml`             | `pnpm install` |
+| `yarn.lock`                  | `yarn install` |
+| `package-lock.json` ou aucun | `npm install`  |
+
+S'il n'y a pas de lock file, le champ `packageManager` du `package.json` (par exemple `"bun@1.2.0"`) est utilisé avant de basculer vers npm par défaut.
+
+Les plages qui ne pointent pas vers le registre, telles que `workspace:*`, `file:`, `link:`, `catalog:` ou les URLs git, ne sont jamais modifiées.
+
+## Exemples :
+
+### Lister les mises à jour disponibles sans les appliquer :
+
+```bash packageManager="npm"
+npx intlayer upgrade --dry-run
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade --dry-run
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade --dry-run
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade --dry-run
+```
+
+### Mettre à jour vers la version canary :
+
+```bash packageManager="npm"
+npx intlayer upgrade --tag canary
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade --tag canary
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade --tag canary
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade --tag canary
+```
+
+## Exemple de sortie :
+
+```bash
+npx intlayer upgrade
+Intlayer packages:
+  package.json
+    intlayer ^9.0.0 → ^9.5.7
+  apps/web/package.json
+    next-intlayer ^9.5.7 (latest)
+    vite-intlayer ~9.2.0 → ~9.5.7
+Running bun install...
+✓ Upgraded 2 Intlayer dependencies to latest
+```
+
+## Notes :
+
+- Exécutez la commande depuis la racine de votre dépôt pour mettre à jour tous les workspaces. Exécutez-la depuis un workspace pour ne mettre à jour que ce workspace.
+- Les packages dont la version ne peut pas être récupérée (hors ligne, package privé ou non publié) sont listés et laissés inchangés.
+- Si l'installation échoue, les plages mises à jour sont conservées dans `package.json`. Exécutez manuellement la commande d'installation de votre gestionnaire de packages.

package/docs/fr/dictionary/html.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-01-20
-updatedAt: 2026-03-24
+updatedAt: 2026-09-21
 title: Contenu HTML
 description: Apprenez à déclarer et à utiliser du contenu HTML avec des composants personnalisés dans Intlayer. Suivez cette documentation pour intégrer du contenu riche de type HTML avec un remplacement dynamique de composants dans votre projet internationalisé.
 keywords:
@@ -13,6 +13,8 @@ keywords:
   - React
   - Vue
   - Svelte
+  - Remix
+  - Astro
 slugs:
   - doc
   - concept
@@ -235,6 +237,83 @@ Lorsque vous accédez au contenu via `useIntlayer`, les nœuds HTML sont déjà
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    Dans Remix 3, les nœuds HTML sont résolus en une chaîne HTML. Injectez-la avec la prop `innerHTML` de Remix JSX, ou avec `html.raw` dans une vue `html-template`.
+
+    ```tsx fileName="src/views/home.tsx"
+    import { useIntlayer } from "remix-intlayer";
+
+    export const HomePage = () => () => {
+      const { myHtmlContent } = useIntlayer("app");
+
+      return <div innerHTML={myHtmlContent.value} />;
+    };
+    ```
+
+    ```ts fileName="src/views/home.ts"
+    import { html } from "remix/html-template";
+    import { useIntlayer } from "remix-intlayer";
+
+    export const renderHomePage = () => {
+      const { myHtmlContent } = useIntlayer("app");
+
+      return html.raw`<div>${myHtmlContent.value}</div>`;
+    };
+    ```
+
+    > Remix échappe les valeurs interpolées par défaut. `innerHTML` et `html.raw` sont les deux mécanismes d'exclusion, ce dont une chaîne HTML a besoin.
+
+    Utilisez la méthode `.use()` pour surcharger des balises ou mapper des composants personnalisés. Les surcharges sont des fonctions renvoyant une chaîne HTML :
+
+    ```tsx
+    <div
+      innerHTML={myHtmlContent.use({
+        p: ({ children }) => `<p class="prose">${children}</p>`,
+        CustomLink: ({ children }) => `<a href="/details">${children}</a>`,
+      })}
+    />
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    Dans Astro, les nœuds HTML sont résolus en une chaîne HTML. Injectez-la avec la directive `set:html` dans le template, ou avec `innerHTML` dans un `<script>` côté client.
+
+    ```astro fileName="src/pages/index.astro"
+    ---
+    import { useIntlayer } from "astro-intlayer";
+
+    const { myHtmlContent } = useIntlayer("app");
+    ---
+
+    <div set:html={myHtmlContent.value} />
+    ```
+
+    ```astro fileName="src/components/Content.astro"
+    <div id="content"></div>
+
+    <script>
+      import { useIntlayer } from "astro-intlayer";
+
+      const { myHtmlContent } = useIntlayer("app");
+
+      document.querySelector("#content")!.innerHTML = myHtmlContent.value;
+    </script>
+    ```
+
+    > Astro échappe les `{expressions}` par défaut. `set:html` est le mécanisme d'exclusion, ce dont une chaîne HTML a besoin.
+
+    Utilisez la méthode `.use()` pour surcharger des balises ou mapper des composants personnalisés. Les surcharges sont des fonctions renvoyant une chaîne HTML :
+
+    ```astro
+    <div
+      set:html={myHtmlContent.use({
+        p: ({ children }) => `<p class="prose">${children}</p>`,
+        CustomLink: ({ children }) => `<a href="/details">${children}</a>`,
+      })}
+    />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## Configuration Globale avec `HTMLProvider`
@@ -470,6 +549,41 @@ Vous pouvez configurer le rendu HTML globalement pour l'ensemble de votre applic
     > L'importation dynamique de votre moteur de rendu HTML est un bon moyen de réduire la taille du bundle de votre application.
 
   </Tab>
+  <Tab label="Remix" value="remix">
+
+    Remix n'a pas d'arbre de composants pour contenir un provider, la configuration est donc installée une seule fois, en tant que singleton, au démarrage du serveur. Elle configure le renderer renvoyé par `useHTMLRenderer()`. Les nœuds `html` renvoyés par `useIntlayer` sont rendus tels quels ; surchargez leurs balises par nœud avec `.use()`.
+
+    ```typescript fileName="src/router.ts"
+    import { installIntlayerHTML } from "remix-intlayer/html";
+
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+    ```
+
+    > Utilisez `installIntlayerHTMLDynamic(async () => …)` pour charger le renderer lui-même de manière paresseuse ; le chargeur ne s'exécute qu'au premier appel.
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+
+    Astro n'a pas d'arbre de composants pour contenir un provider, la configuration est donc installée une seule fois, en tant que singleton, dans le middleware (serveur) et dans un `<script>` côté client (navigateur). Elle configure le renderer renvoyé par `useHTMLRenderer()`. Les nœuds `html` renvoyés par `useIntlayer` sont rendus tels quels ; surchargez leurs balises par nœud avec `.use()`.
+
+    ```typescript fileName="src/middleware.ts"
+    import { installIntlayerHTML } from "astro-intlayer/html";
+    import { defineMiddleware } from "astro:middleware";
+
+    // S'exécute une fois au démarrage du serveur ; le middleware Intlayer lui-même est
+    // enregistré par l'intégration, en amont de ce fichier.
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+
+    export const onRequest = defineMiddleware((_context, next) => next());
+    ```
+
+    > Utilisez `installIntlayerHTMLDynamic(async () => …)` pour charger le renderer lui-même de manière paresseuse ; le chargeur ne s'exécute qu'au premier appel.
+
+  </Tab>
 </Tabs>
 
 ### Rendu Manuel et Outils Avancés
@@ -642,15 +756,69 @@ Si vous avez besoin de rendre des chaînes HTML brutes ou si vous voulez plus de
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    #### Hook `useHTMLRenderer()`
+
+    Obtenez une fonction de rendu préconfigurée par `installIntlayerHTML()`. Elle renvoie une chaîne HTML.
+
+    ```tsx
+    import { useHTMLRenderer } from "remix-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+
+    return <div innerHTML={renderHTML("<p>Hello <strong>World</strong></p>")} />;
+    ```
+
+    #### Utilitaire `renderHTML()`
+
+    Utilitaire autonome qui ignore la configuration globale.
+
+    ```tsx
+    import { renderHTML } from "remix-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    #### Hook `useHTMLRenderer()`
+
+    Obtenez une fonction de rendu préconfigurée par `installIntlayerHTML()`. Elle renvoie une chaîne HTML.
+
+    ```astro
+    ---
+    import { useHTMLRenderer } from "astro-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+    ---
+
+    <div set:html={renderHTML("<p>Hello <strong>World</strong></p>")} />
+    ```
+
+    #### Utilitaire `renderHTML()`
+
+    Utilitaire autonome qui ignore la configuration globale.
+
+    ```astro
+    ---
+    import { renderHTML } from "astro-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ---
+
+    <div set:html={html} />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## Référence des Options
 
 Ces options peuvent être passées à `HTMLProvider`, `HTMLRenderer`, `useHTMLRenderer` et `renderHTML`.
 
-| Option       | Type                  | Défaut | Description                                                                                                              |
-| :----------- | :-------------------- | :----- | :----------------------------------------------------------------------------------------------------------------------- |
-| `components` | `Record<string, any>` | `{}`   | Une carte des balises HTML ou des noms de composants personnalisés vers les composants.                                  |
-| `renderHTML` | `Function`            | `null` | Une fonction de rendu personnalisée pour remplacer complètement le parseur HTML par défaut (uniquement pour Vue/Svelte). |
+| Option       | Type                  | Défaut | Description                                                                                                                            |
+| :----------- | :-------------------- | :----- | :------------------------------------------------------------------------------------------------------------------------------------- |
+| `components` | `Record<string, any>` | `{}`   | Une carte des balises HTML ou des noms de composants personnalisés vers les composants.                                                |
+| `renderHTML` | `Function`            | `null` | Une fonction de rendu personnalisée pour remplacer complètement le parseur HTML par défaut (fournisseurs Vue, Svelte, Remix et Astro). |
 
 > Note : Pour React et Preact, les balises HTML standard sont fournies automatiquement. Vous n'avez besoin de passer la prop `components` que si vous souhaitez les remplacer ou ajouter des composants personnalisés.