Mermaidjs preview

[themr0c]

Some mermaidjs features are not properly rendered in the preview, such as:

• theme
• font-awesome icons

For example:

[mermaid,target=mermaid-example,theme=forest]
....
flowchart
exemple(fa:fa-spinner Example node with a font-awesome spinner)
....

Observed preview:

Expected preview would be the same as the output of asciidoctor mermaid.adoc -r asciidoctor-diagram:

[themr0c]

Workaround for the theme: define style options inside the diagram.

[mermaid,target=mermaid-example]
....
%%{init: {'theme' : 'forest'}}%%
flowchart
exemple(fa:fa-spinner Example node with a font-awesome spinner)
....