fix: Live editor links

docs/config/Tutorials.md

@@ -6,7 +6,7 @@ This is list of publicly available Tutorials for using Mermaid.JS . This is inte
 
 **Note that these tutorials might display an older interface, but the usage of the live-editor will largely be the same.**
 
-For most purposes, you can use the [Live Editor](https://mermaid-js.github.io/mermaid-live-editor), to quickly and easily render a diagram.
+For most purposes, you can use the [Live Editor](https://mermaid.live), to quickly and easily render a diagram.
 
 ## Live-Editor Tutorials
 

docs/intro/n00b-syntaxReference.md

@@ -6,7 +6,7 @@ Mermaid's syntax is used to create diagrams. You'll find that it is not too tric
 
 Syntax, together with Deployment and Configuration constitute the whole of Mermaid.
 
-Diagram Examples can be found in the [Mermaid Live Editor](https://mermaid-js.github.io/mermaid-live-editor), it is also a great practice area.
+Diagram Examples can be found in the [Mermaid Live Editor](https://mermaid.live), it is also a great practice area.
 
 ## Syntax Structure
 
@@ -54,7 +54,7 @@ One should **beware the use of some words or symbols** that can break diagrams.
 
 ### Mermaid Live Editor
 
-Now, that you've seen what you should not add to your diagrams, you can play around with them in the [Mermaid Live Editor](https://mermaid-js.github.io/mermaid-live-editor).
+Now, that you've seen what you should not add to your diagrams, you can play around with them in the [Mermaid Live Editor](https://mermaid.live).
 
 # Configuration
 
@@ -64,7 +64,7 @@ If you are interested in altering and customizing your Mermaid Diagrams, you wil
 This section will introduce the different methods of configuring the behaviors and appearances of Mermaid Diagrams.
 The following are the most commonly used methods, and they are all tied to Mermaid [Deployment](n00b-gettingStarted) methods.
 
-### Configuration Section in the [Live Editor](https://mermaid-js.github.io/mermaid-live-editor).
+### Configuration Section in the [Live Editor](https://mermaid.live).
 
 Here you can edit certain values to change the behavior and appearance of the diagram.
 

packages/mermaid/docs/config/Tutorials.md

@@ -4,7 +4,7 @@ This is list of publicly available Tutorials for using Mermaid.JS . This is inte
 
 **Note that these tutorials might display an older interface, but the usage of the live-editor will largely be the same.**
 
-For most purposes, you can use the [Live Editor](https://mermaid-js.github.io/mermaid-live-editor), to quickly and easily render a diagram.
+For most purposes, you can use the [Live Editor](https://mermaid.live), to quickly and easily render a diagram.
 
 ## Live-Editor Tutorials
 

packages/mermaid/docs/intro/n00b-syntaxReference.md

@@ -4,7 +4,7 @@ Mermaid's syntax is used to create diagrams. You'll find that it is not too tric
 
 Syntax, together with Deployment and Configuration constitute the whole of Mermaid.
 
-Diagram Examples can be found in the [Mermaid Live Editor](https://mermaid-js.github.io/mermaid-live-editor), it is also a great practice area.
+Diagram Examples can be found in the [Mermaid Live Editor](https://mermaid.live), it is also a great practice area.
 
 ## Syntax Structure
 
@@ -40,7 +40,7 @@ One should **beware the use of some words or symbols** that can break diagrams.
 
 ### Mermaid Live Editor
 
-Now, that you've seen what you should not add to your diagrams, you can play around with them in the [Mermaid Live Editor](https://mermaid-js.github.io/mermaid-live-editor).
+Now, that you've seen what you should not add to your diagrams, you can play around with them in the [Mermaid Live Editor](https://mermaid.live).
 
 # Configuration
 
@@ -50,7 +50,7 @@ If you are interested in altering and customizing your Mermaid Diagrams, you wil
 This section will introduce the different methods of configuring the behaviors and appearances of Mermaid Diagrams.
 The following are the most commonly used methods, and they are all tied to Mermaid [Deployment](n00b-gettingStarted) methods.
 
-### Configuration Section in the [Live Editor](https://mermaid-js.github.io/mermaid-live-editor).
+### Configuration Section in the [Live Editor](https://mermaid.live).
 
 Here you can edit certain values to change the behavior and appearance of the diagram.
 

packages/mermaid/package.json

@@ -128,6 +128,7 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.8.3",
     "unist-util-flatmap": "^1.0.0",
+    "vite": "^3.1.4",
     "vitepress": "^1.0.0-alpha.19",
     "vitepress-plugin-mermaid": "^2.0.8",
     "vitepress-plugin-search": "^1.0.4-alpha.11"