Use import map.

Author: ioquatix

pages/_page.xnode

@@ -15,6 +15,8 @@
 		<link rel="icon" type="image/png" href="/_static/icon.png" />
 		<link rel="stylesheet" href="/_static/site.css" type="text/css" media="screen" />
 
+		<script type="importmap" src="/_components/map.json"></script>
+		
 		<script src="/_components/jquery/jquery.min.js"></script>
 		<script src="/_components/jquery-syntax/jquery.syntax.min.js"></script>
 
@@ -28,9 +30,9 @@
 		//]]>
 		</script>
 
-		<script type="module">
+	<script type="module">
 		// <![CDATA[
-			import mermaid from '/_components/mermaid/mermaid.esm.min.mjs';
+			import mermaid from 'mermaid';
 			const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
 			const theme = isDarkMode ? 'dark' : 'default';
 			mermaid.initialize({startOnLoad: true, theme: theme});

public/_components/map.json

@@ -0,0 +1,5 @@
+{
+	"imports": {
+		"mermaid": "./mermaid/mermaid.esm.min.mjs"
+	}
+}