From 5abc8eca528cf0fbffb954a97a2a61693dccd50f Mon Sep 17 00:00:00 2001 From: Geoffrey McGill Date: Mon, 17 Jul 2023 13:04:26 -0600 Subject: [PATCH] Minor Mermaid syntax clean up --- components/mermaid.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/components/mermaid.md b/components/mermaid.md index c4aa197a7..f0c330bf3 100644 --- a/components/mermaid.md +++ b/components/mermaid.md @@ -34,7 +34,7 @@ graph LR ## Directives -Mermaid [directives](https://mermaid-js.github.io/mermaid/#/directives) can be configured using the recommended `%%{init: { } }%%` syntax as the first line just inside the `` ```mermaid `` block. +Mermaid [directives](https://mermaid-js.github.io/mermaid/#/directives) can be configured using the recommended `%%{init: { }}%%` syntax as the first line just inside the `` ```mermaid `` block. From the Mermaid docs: @@ -46,7 +46,7 @@ The following sample demonstrates applying a `theme` to the diagram: ~~~ ```mermaid -%%{init: { 'theme': 'forest' } }%% +%%{init: { 'theme': 'forest' }}%% graph LR A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision} @@ -56,7 +56,7 @@ graph LR ~~~ ```mermaid -%%{init: { 'logLevel': 'debug', 'theme': 'forest' } }%% +%%{init: { 'logLevel': 'debug', 'theme': 'forest' }}%% graph LR A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision} @@ -70,7 +70,7 @@ In order to draw a mermaid code block with syntax highlighting instead of render ~~~ ```mermaid-js -%%{init: { 'theme': 'forest' } }%% +%%{init: { 'theme': 'forest' }}%% graph LR A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision} @@ -80,7 +80,7 @@ graph LR ~~~ ```mermaid-js -%%{init: { 'logLevel': 'debug', 'theme': 'forest' } }%% +%%{init: { 'logLevel': 'debug', 'theme': 'forest' }}%% graph LR A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision}