From 0261e7464a0152748571dc6e54959b7ef5c20fcc Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Sat, 8 Oct 2022 09:40:54 +0800
Subject: [PATCH] docs: ESM import

---
 docs/usage.md                      | 5 ++---
 packages/mermaid/src/docs/usage.md | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/usage.md b/docs/usage.md
index f180337d6..95e8921a2 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -200,9 +200,8 @@ fetch the graph definition from the site (perhaps from a textarea), render it an
 The example below show an outline of how this could be used. The example just logs the resulting SVG to the JavaScript console.
 
 ```html
-<script src="mermaid.js"></script>
-
-<script>
+<script type="module">
+  import mermaid from './mermaid.mjs';
   mermaid.mermaidAPI.initialize({ startOnLoad: false });
   $(function () {
     // Example of using the API var
diff --git a/packages/mermaid/src/docs/usage.md b/packages/mermaid/src/docs/usage.md
index d399aa8d1..d065752cc 100644
--- a/packages/mermaid/src/docs/usage.md
+++ b/packages/mermaid/src/docs/usage.md
@@ -200,9 +200,8 @@ fetch the graph definition from the site (perhaps from a textarea), render it an
 The example below show an outline of how this could be used. The example just logs the resulting SVG to the JavaScript console.
 
 ```html
-<script src="mermaid.js"></script>
-
-<script>
+<script type="module">
+  import mermaid from './mermaid.mjs';
   mermaid.mermaidAPI.initialize({ startOnLoad: false });
   $(function () {
     // Example of using the API var