Mermaid Chart not loading in Popover

[dvdmtw98]

Describe the bug
The popover preview for pages do not load mermaid charts. The underlying code for the chart is shown.

To Reproduce
Steps to reproduce the behavior:

1. Go to Book Tracker
2. Scroll to the "Non-Fiction" section (bottom). Look for "Mythos"
3. Hover over the name of the book and wait for Popover to load
4. Scroll down in the popover and see that Mermaid charts are not being rendered

Expected behavior
Mermaid charts should also render when viewed from the Popover.

Screenshots and Source

Desktop (please complete the following information):

• Quartz Version: v4.4.0
• node Version: v22.11.0
• npm version: 10.4.0
• OS: Windows 11
• Browser Firefox, Edge

Additional context
Similar issue in #1303 but looks like OP has replaced the Mermaid charts with images on the site.

[aarnphm]

This is expected, given that mermaid are only rendered in current dom

quartz/quartz/plugins/transformers/ofm.ts

Line 698 in 1d5b6f5

await mermaid.run({

maybe we can do this https://mermaid.js.org/config/usage.html#using-mermaid-run to query all node

Given that this is rendered after HTML is ready, and we didn't do any transclude, I can't see a way to support nested mermaid, unless we transclude these at build time.

Then again I don't really find a problem with popover in general.