fix(md-enhance): fix mermaid not working with pnpm

vuepress-theme-hope · Feb 27, 2023 · 21e6bfe · 21e6bfe
1 parent 8813389
commit 21e6bfe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/md-enhance/src/client/components/Mermaid.ts b/packages/md-enhance/src/client/components/Mermaid.ts
@@ -98,7 +98,9 @@ export default defineComponent({
 
     const renderMermaid = async (): Promise<void> =>
       Promise.all([
-        import(/* webpackChunkName: "mermaid" */ "mermaid"),
+        import(
+          /* webpackChunkName: "mermaid" */ "mermaid/dist/mermaid.esm.min.mjs"
+        ),
         new Promise((resolve) => setTimeout(resolve, MARKDOWN_ENHANCE_DELAY)),
       ]).then(async ([{ default: mermaid }]) => {
         const chartOptions = { useMaxWidth: false };

diff --git a/packages/md-enhance/src/shims-mermaid.d.ts b/packages/md-enhance/src/shims-mermaid.d.ts
@@ -1,5 +1,5 @@
 declare module "mermaid/dist/mermaid.esm.min.mjs" {
   import Mermaid from "mermaid";
 
-  export default Mermaid.default;
+  export default Mermaid;
 }