Multiple separate graphs are rendered at the same position

[derHodrig]

We have mutilple independend graphs. Sometimes they are rendered correctly but often they are rendered stacked/ overlapping

The mermaid.live editor dont throw any erros.

• Nuxt Application
• Mermaid is given to the component as a
• example:

<mermaid>
flowchart LR
browser(Browser) -- lädt --> fe(FE: WebApp, Statische Dateien) -->
browser
browser -- startet --> webapp(WebApp)
-- fragt --> bi(BI: API, Authenifizierung, Daten- und Geschäftslogik) -- antwortet --> webapp
webapp -. fragt .-> captchaService(externer CaptchaService) -. antwortet .-> webapp
bi -. fragt .-> captchaService -. antwortet .->
bi -. fragt .-> externeDienst(Giropay, extern) -. antwortet .-> bi
bi -- fragt --> db[(DB)] -- antwortet --> bi
</mermaid>