Mermaid diagrams not working in domains

[RenugaParamalingam]

Have you read the Contributing Guidelines on issues?

• [X] I have read the Contributing Guidelines on issues.

Description

If mermaid diagrams is added under services/events, it is working as expected. But not in the index.md file under domains.

Steps to reproduce

Step 1: Download and install EventCatalog per the instructions Step 2: Add the following code in the file named index.md under domains directory.

<Mermaid title="Event Rules & Targets" charts={[`flowchart LR 
Start --> Stop`]} />

Step 3: Run the EventCatalog

Expected behavior

Mermaid diagram should show up.

Actual behavior

Mermaid diagram is not available. And found the following error getting logged.

Component Mermaid was not imported, exported, or provided by MDXProvider as global scope

Your environment

• EventCatalog version used: 0.6.8
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Node.js v14.21.3
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): Mac 13.2.1

[stanipetrosyan]

Hi, I think this is not a bug but a feature, because reading docs in website https://www.eventcatalog.dev/docs/components/domains, there's no Mermaid support. I need this function too, so if @boyney123 agrees I can try to create a pull request for this (in case assign me).

[boyney123]

Hey,

Yeah no real reason why this is not supported, thanks for the PR!

[Jackfr0stt]

Any updates on the merging of this PR?

[stanipetrosyan]

I'm waiting approve from @boyney123