chore: Prettier

docs/config/directives.md

@@ -21,17 +21,17 @@ While directives allow you to change most of the default configuration settings,
 
 Mermaid basically supports two types of configuration options to be overridden by directives.
 
-1.  _General/Top Level configurations_ : These are the configurations that are available and applied to all the diagram. **Some of the most important top-level** configurations are:
+1. _General/Top Level configurations_ : These are the configurations that are available and applied to all the diagram. **Some of the most important top-level** configurations are:
 
-    - theme
-    - fontFamily
-    - logLevel
-    - securityLevel
-    - startOnLoad
-    - secure
+   - theme
+   - fontFamily
+   - logLevel
+   - securityLevel
+   - startOnLoad
+   - secure
 
-2.  _Diagram-specific configurations_ : These are the configurations that are available and applied to a specific diagram. For each diagram there are specific configuration that will alter how that particular diagram looks and behaves.
-    For example, `mirrorActors` is a configuration that is specific to the `SequenceDiagram` and alters whether the actors are mirrored or not. So this config is available only for the `SequenceDiagram` type.
+2. _Diagram-specific configurations_ : These are the configurations that are available and applied to a specific diagram. For each diagram there are specific configuration that will alter how that particular diagram looks and behaves.
+   For example, `mirrorActors` is a configuration that is specific to the `SequenceDiagram` and alters whether the actors are mirrored or not. So this config is available only for the `SequenceDiagram` type.
 
 **NOTE:** Not all configuration options are listed here. To get hold of all the configuration options, please refer to the [defaultConfig.ts](https://github.com/mermaid-js/mermaid/blob/develop/packages/mermaid/src/defaultConfig.ts) in the source code.
 
@@ -47,28 +47,34 @@ Here the structure of a directive text is like a nested key-value pair map or a
 
 The following code snippet shows the structure of a directive:
 
-    %%{
-      init: {
-        "theme": "dark",
-        "fontFamily": "monospace",
-        "logLevel": "info",
-        "flowchart": {
-          "htmlLabels": true,
-          "curve": "linear"
-        },
-        "sequence": {
-          "mirrorActors": true
-        }
-      }
-    }%%
+```
+%%{
+  init: {
+    "theme": "dark",
+    "fontFamily": "monospace",
+    "logLevel": "info",
+    "flowchart": {
+      "htmlLabels": true,
+      "curve": "linear"
+    },
+    "sequence": {
+      "mirrorActors": true
+    }
+  }
+}%%
+```
 
 You can also define the directives in a single line, like this:
 
-    %%{init: { **insert configuration options here** } }%%
+```
+%%{init: { **insert configuration options here** } }%%
+```
 
 For example, the following code snippet:
 
-    %%{init: { "sequence": { "mirrorActors":false }}}%%
+```
+%%{init: { "sequence": { "mirrorActors":false }}}%%
+```
 
 **Notes:**
 The JSON object that is passed as {**argument**} must be valid key value pairs and encased in quotation marks or it will be ignored.