{{- $page := .Page -}}
<pre class="mermaid">
{{- .Inner | safeHTML -}}
</pre>
{{- if not ($page.Store.Get "mermaidScriptAdded") -}}
<script type="module">
  import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
  const theme = document.documentElement.dataset.theme === "dark" ? "dark" : "default";
  mermaid.initialize({ startOnLoad: true, theme });
</script>
{{- $page.Store.Set "mermaidScriptAdded" true -}}
{{- end -}}