Add Vite info screenshots

Author: mythz

MyApp/_pages/_template-diagrams.md

@@ -3,6 +3,41 @@ title: React Templates
 ---
 
 
+## Vue SPA
+
+### Development
+
+```mermaid
+---
+config:
+  layout: dagre
+  look: neo
+  theme: redux
+  themeVariables:
+    edgeLabelBackground: '#ffffff'
+---
+flowchart LR
+ subgraph DEVELOPMENT["DEVELOPMENT"]
+    direction LR
+        DevServer[(".NET PROJECT<br>(localhost:5001)")]
+        Identity("ASP.NET Core Identity<br>Razor Pages")
+        Endpoints(".NET Endpoint Routing")
+        DevNext[/"Vite App<br>(localhost:5173)<br>Runs concurrently"/]
+  end
+    DevServer -- /Identity/* --> Identity
+    DevServer -- /* --> Endpoints
+    DevServer -- /* Fallback<br>(Proxied) --> DevNext
+    DevServer -- Vite HMR<br>(Websocket) --> DevNext
+
+    Identity:::static
+    Endpoints:::static
+    DevServer:::netHost
+    DevNext:::nextApp
+    classDef netHost fill:#dbeafe,stroke:#1e3a8a,stroke-width:2px,color:#1e3a8a
+    classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
+    classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
+```
+
 ## Angular SPA
 
 ### Development