build: setup eslint-plugin-json (#2552)

Co-authored-by: Yash Singh <saiansh2525@gmail.com>

docs/classDiagram.md

@@ -402,10 +402,8 @@ click Shape2 call callbackFunction() "This is a tooltip for a callback"
 
 ```html
 <script>
-    var callbackFunction = function(){
-        alert('A callback was triggered');
-    }
-<script>
+    var callbackFunction = function(){ alert('A callback was triggered'); }
+</script>
 ```
 
 ```mermaid
@@ -454,15 +452,8 @@ Beginners tip, a full example using interactive links in an html context:
   </div>
 
   <script>
-    var callback = function(){
-        alert('A callback was triggered');
-    }
-    var config = {
-      startOnLoad:true,
-      securityLevel:'loose',
-    };
-
-    mermaid.initialize(config);
+    var callback = function(){ alert('A callback was triggered'); }; var config = { startOnLoad:true,
+    securityLevel:'loose', }; mermaid.initialize(config);
   </script>
 </body>
 ```

docs/development.md

@@ -97,8 +97,7 @@ it('should render forks and joins', () => {
         { logLevel: 0 }
     );
     cy.get('svg');
-});
-
+});
 
 ```
 

docs/diagrams-and-syntax-and-examples/flowchart.md

@@ -414,9 +414,7 @@ Examples of tooltip usage below:
 
 ```html
 <script>
-  var callback = function(){
-      alert('A callback was triggered');
-  }
+  var callback = function(){ alert('A callback was triggered'); };
 </script>
 ```
 
@@ -464,19 +462,8 @@ Beginners tip, a full example using interactive links in a html context:
   </div>
 
   <script>
-    var callback = function(){
-        alert('A callback was triggered');
-    }
-    var config = {
-        startOnLoad:true,
-        flowchart:{
-            useMaxWidth:true,
-            htmlLabels:true,
-            curve:'cardinal',
-        },
-        securityLevel:'loose',
-    };
-
+    var callback = function(){ alert('A callback was triggered'); }; var config = { startOnLoad:true,
+    flowchart:{ useMaxWidth:true, htmlLabels:true, curve:'cardinal', }, securityLevel:'loose', };
     mermaid.initialize(config);
   </script>
 </body>

docs/flowchart.md

@@ -435,9 +435,7 @@ Examples of tooltip usage below:
 
 ```html
 <script>
-  var callback = function(){
-      alert('A callback was triggered');
-  }
+  var callback = function(){ alert('A callback was triggered'); };
 </script>
 ```
 
@@ -486,19 +484,8 @@ Beginners tip, a full example using interactive links in a html context:
   </div>
 
   <script>
-    var callback = function(){
-        alert('A callback was triggered');
-    }
-    var config = {
-        startOnLoad:true,
-        flowchart:{
-            useMaxWidth:true,
-            htmlLabels:true,
-            curve:'cardinal',
-        },
-        securityLevel:'loose',
-    };
-
+    var callback = function(){ alert('A callback was triggered'); }; var config = { startOnLoad:true,
+    flowchart:{ useMaxWidth:true, htmlLabels:true, curve:'cardinal', }, securityLevel:'loose', };
     mermaid.initialize(config);
   </script>
 </body>

docs/gantt.md

@@ -331,17 +331,9 @@ Beginners tip, a full example using interactive links in an html context:
   </div>
 
   <script>
-    var printArguments = function(arg1, arg2, arg3) {
-      alert('printArguments called with arguments: ' + arg1 + ', ' + arg2 + ', ' + arg3);
-    }
-    var printTask = function(taskId) {
-      alert('taskId: ' + taskId);
-    }
-    var config = {
-      startOnLoad:true,
-      securityLevel:'loose',
-    };
-    mermaid.initialize(config);
+    var printArguments = function(arg1, arg2, arg3) { alert('printArguments called with arguments: ' +
+arg1 + ', ' + arg2 + ', ' + arg3); }; var printTask = function(taskId) { alert('taskId: ' + taskId);
+    }; var config = { startOnLoad:true, securityLevel:'loose', }; mermaid.initialize(config);
   </script>
 </body>
 ```