[Feature Request] Mermaid Support

[vincenttermaat]

Installed product versions

• Visual Studio: 2022
• This extension: Last

Description

Could we (help to) add Mermaid support for Sequence Diagrams?
As such: https://github.com/mjbvz/vscode-markdown-mermaid
This is supported by de Wiki implementation in Azure Devops

Mermaid docs: https://mermaid-js.github.io/mermaid/#/

[TonyHenrique]

I created a Mermaid diagram using Azure DevOps but it does not display on Visual Studio 2022 using MarkdownEditor.

For example:

**Diagram:**
::: mermaid
graph LR;
P[Portal Ext WebApp PHP 7.4]
P==>Grav_CMS
Grav_CMS-->User_Interface
User_Interface-.->API
API-->Database
:::

On Visual Studio 2022:

On Azure DevOps :

[o-o00o-o]

It is strange as I see other posts that show that mermaid is supported in the preview - but I've tried both ``` blocks and ::: blocks as required by ADO but I only get the mermaid text in the preview. Is there a trick to making this work in 2019?

[ite-klass]

Use
```mermaid
code blocks. That will render them.

[ite-klass]

Although for me it ends up rendering both some malformed source code text, plus the rendered image too small in size with overflow hidden.