@barzhsieh/nuxt-content-mermaid 2.0.0 → 2.0.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.20.1 || ^4.1.0"
   },
-  "version": "2.0.0",
+  "version": "2.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,8 +1,9 @@
-import { defineNuxtModule, useLogger, createResolver, addPlugin, addComponent, addTypeTemplate } from '@nuxt/kit';
+import { defineNuxtModule, useLogger, createResolver, addVitePlugin, addPlugin, addComponent, addTypeTemplate } from '@nuxt/kit';
 import { defu } from 'defu';
 import { DEFAULT_MERMAID_CONFIG, DEFAULT_DARK_THEME, DEFAULT_LIGHT_THEME, DEFAULT_FRONTMATTER_CONFIG_KEY } from '../dist/runtime/constants.js';
 
 const MERMAID_BLOCK = /```mermaid([\s\S]*?)```/gi;
+const SANITIZE_URL_PACKAGE = "@braintree/sanitize-url";
 const DEFAULTS = {
   enabled: true,
   loader: {
@@ -60,6 +61,16 @@ const module$1 = defineNuxtModule({
     const baseMermaidComponentName = "Mermaid";
     const isEnabled = runtimeMermaidConfig.enabled !== false;
     if (!isEnabled) return;
+    addVitePlugin(() => ({
+      name: "nuxt-content-mermaid:optimize-deps",
+      configEnvironment(name, config) {
+        if (name === "client") {
+          config.optimizeDeps ||= {};
+          config.optimizeDeps.include ||= [];
+          config.optimizeDeps.include.push(SANITIZE_URL_PACKAGE);
+        }
+      }
+    }));
     addPlugin({
       src: resolver.resolve(runtimeDir, "plugins/mermaid.client"),
       mode: "client"

package/dist/runtime/components/Mermaid.vue

@@ -336,5 +336,5 @@ watch(decodedCode, (newCode) => {
 </template>
 
 <style scoped>
-.mermaid-wrapper{position:relative;text-align:center}.mermaid-wrapper :deep(code),.mermaid-wrapper :deep(pre){margin:0;max-height:160px;opacity:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mermaid-error-default{text-align:center}.mermaid:not([data-processed]){color:transparent;min-height:10px}.mermaid-wrapper :deep(.edgeLabel),.mermaid-wrapper :deep(.label),.mermaid-wrapper :deep(.nodeLabel){overflow:visible!important;white-space:normal!important}.mermaid-wrapper :deep(foreignObject){overflow:visible!important}
+.mermaid-wrapper{position:relative;text-align:center}.mermaid-wrapper :deep(code),.mermaid-wrapper :deep(pre){margin:0;max-height:160px;opacity:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mermaid-wrapper :deep(svg){display:inline-block;vertical-align:middle}.mermaid-error-default{text-align:center}.mermaid:not([data-processed]){color:transparent;min-height:10px}.mermaid-wrapper :deep(.edgeLabel),.mermaid-wrapper :deep(.label),.mermaid-wrapper :deep(.nodeLabel){overflow:visible!important;white-space:normal!important}.mermaid-wrapper :deep(foreignObject){overflow:visible!important}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barzhsieh/nuxt-content-mermaid",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A Nuxt module designed for integrating Mermaid with `@nuxt/content`. It automatically converts `mermaid` code blocks in Markdown into responsive chart components, and supports lazy loading and dark/light theme switching.",
   "keywords": [
     "nuxt",