feat: update mermaid shortcode

content/docs/prologue/quick-start.md

@@ -15,6 +15,16 @@ toc: true
 
 ## Flow
 
+```md
+{{</* mermaid class="bg-light text-center" */>}}
+graph TD
+  A[Hard] -->|Text| B(Round)
+  B --> C{Decision}
+  C -->|One| D[Result 1]
+  C -->|Two| E[Result 2]
+{{</* /mermaid */>}}
+```
+
 {{< mermaid class="bg-light text-center">}}
 graph TD
   A[Hard] -->|Text| B(Round)
@@ -54,14 +64,21 @@ gantt
 
 {{< mermaid >}}
 classDiagram
-  classA --|> classB : Inheritance
-  classC --* classD : Composition
-  classE --o classF : Aggregation
-  classG --> classH : Association
-  classI -- classJ : Link(Solid)
-  classK ..> classL : Dependency
-  classM ..|> classN : Realization
-  classO .. classP : Link(Dashed)
+  Class01 <|-- AveryLongClass : Cool
+  <<interface>> Class01
+  Class09 --> C2 : Where am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  class Class10 {
+    <<service>>
+    int id
+    size()
+  }
 {{< /mermaid >}}
 
 ## State