Add prettier ignore to Mermaid charts (tauri-apps#568)

* Add prettier ignore to Mermaid charts

* Add in line breaks before and after comments

Author: lorenzolewis

.prettierignore

@@ -1,3 +1,2 @@
 docs/api/cli.md
-docs/api/config.md
-docs/architecture/recipes/
+docs/api/config.md

docs/architecture/recipes/bridge.md

@@ -51,6 +51,8 @@ The Bridge recipe is a secure pattern where messages are passed between brokers
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph TD
       H==>F
       subgraph WEBVIEW
@@ -78,9 +80,12 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style RUST fill:${colors.orange.light},stroke:${colors.orange.dark},stroke-width:4px
       style WEBVIEW fill:${colors.blue.light},stroke:${colors.blue.dark},stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
+
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:
+
 ```json
 {
   "tauri": {

docs/architecture/recipes/cloudbridge.md

@@ -51,6 +51,8 @@ The Cloudbridge recipe combines the flexibility of a localhost and the security
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph TD
       H==>F2
       H==>D2
@@ -89,10 +91,12 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style SERVER fill:#49A24A,stroke:#2B6063,stroke-width:4px
       `} />
 
+<!-- prettier-ignore-end -->
 
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:
+
 ```json
 "tauri": {
   "allowlist": {

docs/architecture/recipes/cloudish.md

@@ -51,6 +51,8 @@ The Cloudish recipe is a pattern for maximum flexibility and app performance. It
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph TD
       H==>F
       H==>D
@@ -75,10 +77,12 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style WEBVIEW fill:${colors.blue.light},stroke:${colors.blue.dark},stroke-width:4px
       style SERVER fill:#49A24A,stroke:#2B6063,stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
 
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:
+
 ```json
 "tauri": {
   "allowlist": {

docs/architecture/recipes/glui.md

@@ -55,6 +55,8 @@ The GLUI is a research pattern that we will use internally to test approaches us
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph TD
       A==>H
       H==>G
@@ -73,10 +75,12 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style GLUTIN stroke:${colors.blue.dark},stroke-width:4px
       style RUST fill:${colors.orange.light},stroke:${colors.orange.dark},stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
 
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:
+
 ```json
 "tauri": {
   "allowlist": {                  // all API endpoints are default false

docs/architecture/recipes/hermit.md

@@ -51,6 +51,8 @@ The Hermit recipe is a pattern for ultimate application isolation where all logi
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph LR
       A==>H
       H==>F
@@ -66,6 +68,8 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style RUST fill:${colors.orange.light},stroke:${colors.orange.dark},stroke-width:4px
       style WEBVIEW fill:${colors.blue.light},stroke:${colors.blue.dark},stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
+
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:

docs/architecture/recipes/lockdown.md

@@ -51,6 +51,8 @@ The Lockdown recipe is a minimal usage of the [Bridge pattern](./bridge.md), whi
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph TD
       H==>F
       G-.->B
@@ -70,6 +72,8 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style RUST fill:${colors.orange.light},stroke:${colors.orange.dark},stroke-width:4px
       style WEBVIEW fill:${colors.blue.light},stroke:${colors.blue.dark},stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
+
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:

docs/architecture/recipes/multiwin.md

@@ -50,6 +50,8 @@ The Multiwin recipe will allow you to have multiple windows.
 
 import Mermaid, { colors } from '@theme/Mermaid'
 
+<!-- prettier-ignore-start -->
+
 <Mermaid chart={`graph LR
       A==>H
       H==>F
@@ -71,10 +73,12 @@ import Mermaid, { colors } from '@theme/Mermaid'
       style RUST fill:${colors.orange.light},stroke:${colors.orange.dark},stroke-width:4px
       style WEBVIEW fill:${colors.blue.light},stroke:${colors.blue.dark},stroke-width:4px`} />
 
+<!-- prettier-ignore-end -->
 
 ## Configuration
 
 Here's what you need to add to your tauri.conf.json file:
+
 ```json
 "tauri": {
   "allowlist": {},                  // all API endpoints are default false