diff --git a/src/code-store.js b/src/code-store.js
index 6a8ebd61..c6e6ec1f 100644
--- a/src/code-store.js
+++ b/src/code-store.js
@@ -1,6 +1,6 @@
 import { writable } from 'svelte/store';
 // import mermaid from '@mermaid-js/mermaid';
-import mermaid from 'mermaid';
+import mermaid from '@mermaid';
 import { Base64 } from 'js-base64'
 import {push, pop, replace} from 'svelte-spa-router'
 
diff --git a/src/components/Config.svelte b/src/components/Config.svelte
index 2949b72d..0a619d7a 100644
--- a/src/components/Config.svelte
+++ b/src/components/Config.svelte
@@ -5,7 +5,7 @@ import { onMount } from 'svelte';
 import {push, pop, replace} from 'svelte-spa-router'
 import { Base64 } from 'js-base64'
 // import mermaid from '@mermaid-js/mermaid';
-import mermaid from 'mermaid';
+import mermaid from '@mermaid';
 import Error from './Error.svelte';
 import { initEditor } from './editor-utils';
 
diff --git a/src/components/Editor.svelte b/src/components/Editor.svelte
index 55815201..dbf43bdc 100644
--- a/src/components/Editor.svelte
+++ b/src/components/Editor.svelte
@@ -5,7 +5,7 @@ import { onMount } from 'svelte';
 import {push, pop, replace} from 'svelte-spa-router'
 import { Base64 } from 'js-base64'
 // import mermaid from '@mermaid-js/mermaid';
-import mermaid from 'mermaid';
+import mermaid from '@mermaid';
 import Error from './Error.svelte';
 import { initEditor } from './editor-utils';
 import 'monaco-editor/esm/vs/editor/browser/controller/coreCommands.js';
diff --git a/src/components/View.svelte b/src/components/View.svelte
index d82d8ab5..256c942d 100644
--- a/src/components/View.svelte
+++ b/src/components/View.svelte
@@ -4,7 +4,7 @@ import { codeErrorStore } from '../code-error-store.js';
 import { configErrorStore } from '../config-error-store.js';
 import { onMount } from 'svelte';
 // import mermaid from '@mermaid-js/mermaid';
-import mermaid from 'mermaid';
+import mermaid from '@mermaid';
 
 const detectType = text => {
   text = text.replace(/^\s*%%.*\n/g, '\n');
diff --git a/webpack.config.js b/webpack.config.js
index a99a60f7..02e07531 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -10,7 +10,8 @@ module.exports = {
 	},
 	resolve: {
 		alias: {
-			svelte: path.resolve('node_modules', 'svelte')
+			svelte: path.resolve('node_modules', 'svelte'),
+			"@mermaid": 'mermaid'
 		},
 		extensions: ['.mjs', '.js', '.svelte'],
 		mainFields: ['svelte', 'browser', 'module', 'main']