Nuxt Content × Mermaid

Mermaid diagrams, native to Nuxt Content

Turn Mermaid code blocks into interactive diagrams without leaving your Markdown workflow.

flowchart TD
  Source["Write a Mermaid fence<br/>in Markdown"]
  Content["Nuxt Content<br/>parses the page"]
  Module["The module<br/>transforms the fence"]
  Diagram["Interactive,<br/>theme-aware diagram"]

  Source --> Content
  Content --> Module
  Module --> Diagram

```mermaid
flowchart TD
  Source["Write a Mermaid fence<br/>in Markdown"]
  Content["Nuxt Content<br/>parses the page"]
  Module["The module<br/>transforms the fence"]
  Diagram["Interactive,<br/>theme-aware diagram"]

  Source --> Content
  Content --> Module
  Module --> Diagram
```