Un bloc ```` ```mermaid ```` est un diagramme ; `::mermaid` avec une prop `code`
est le même composant.

## Utilisation

```mermaid
flowchart LR
  A[app.config.ts] --> B[resolveSources]
  B --> C[collections]
  B --> D[resolvedSources]
  C --> E[Content]
  D --> F[theme]
```

`````md
```mermaid
flowchart LR
  A[app.config.ts] --> B[resolveSources]
  B --> C[collections]
```
`````

## API

### Props

| Prop   | Type     | Par défaut | Remarques                                            |
| :----- | :------- | :--------- | :--------------------------------------------------- |
| `code` | `string` | —          | Le code du diagramme, quand on n’utilise pas de bloc |

## Remarques

Chargé à la demande et seulement dans le navigateur : mermaid pèse environ un
demi-mégaoctet et embarque son propre analyseur, et un site où trois pages sur
soixante portent un diagramme ne doit pas faire payer les cinquante-sept autres.

Cela veut dire aussi que le diagramme est rendu côté client — la sortie du
serveur est le texte source, et c’est le repli honnête pour un lecteur sans
JavaScript.

Toute modification du code redessine le diagramme. Chaque instance possède des identifiants SVG distincts. Un changement rapide de thème ne peut remplacer un résultat récent par un ancien. Une syntaxe invalide laisse le code original visible.