Hugo Support {{<mermaid>}}

[haeberlet]

Hi, I'm using Hugo with the Hugo Book Theme for documentation. Hugo doesn't use a "fenced code block" like

    ```mermaid
    graph LR;
    A --> B
    B --> C 

for embedding mermaid diagrams, instead it is uses a [short code](https://themes.gohugo.io//theme/hugo-book/docs/shortcodes/mermaid/).

```text
    {{<mermaid>}}
    graph LR;
    A --> B
    B --> C
    {{</mermaid>}}

It would be great if this would be supported as well.

[syheliel]

I have encountered the same problem too. Currently Mermaid Preview supports drawing the mermaid graph when the cursor is in the scope of shortcode, but it means that I must switch from markdown preview window and mermaid preview window. Is it possible to add a configuration to support hugo style's mermaid mark?