fix: ssr compatibility

Author: dword-design

src/index.spec.js

@@ -59,10 +59,7 @@ export default tester(
     },
   },
   [
-    testerPluginComponent({
-      componentPath: require.resolve('./index.vue'),
-      pluginMode: 'client',
-    }),
+    testerPluginComponent({ componentPath: require.resolve('./index.vue') }),
     testerPluginPuppeteer(),
   ]
 )

src/index.vue

@@ -1,18 +1,16 @@
 <script>
-import mermaid from 'mermaid'
-
 export default {
   mounted() {
-    mermaid.parseError = error => {
-      console.log('this is a parse error')
-      this.$emit('parse-error', error)
+    if (typeof window !== 'undefined') {
+      const mermaid = require('mermaid')
+      mermaid.parseError = error => this.$emit('parse-error', error)
+      mermaid.initialize({
+        securityLevel: 'loose',
+        startOnLoad: false,
+        theme: 'default',
+      })
+      mermaid.init(this.value, this.$el)
     }
-    mermaid.initialize({
-      securityLevel: 'loose',
-      startOnLoad: false,
-      theme: 'default',
-    })
-    mermaid.init(this.value, this.$el)
   },
   name: 'VueMermaidComponent',
   props: {