fix mermaid initialization

This commit is contained in:
Jacky Zhao 2023-08-04 22:35:21 -07:00
parent 21a7ec2307
commit 9e76b257d4
3 changed files with 9 additions and 3 deletions
quartz/plugins/transformers

View file

@ -414,7 +414,13 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>
js.push({
script: `
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
document.addEventListener('nav', async () => {
const darkMode = document.documentElement.getAttribute('saved-theme') === 'dark'
mermaid.initialize({
securityLevel: 'loose',
theme: darkMode ? 'dark' : 'default'
});
});
`,
loadTime: "afterDOMReady",
moduleType: "module",