Render technical diagrams with mermaid

docs/.vitepress/theme/components/NamedMermaidDiagram.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import MermaidDiagram from './MermaidDiagram.vue';
+import { diagramSources } from './diagramSources';
+
+const props = defineProps<{
+  name: string;
+}>();
+</script>
+
+<template>
+  <MermaidDiagram :chart="diagramSources[props.name] || 'flowchart TB\\nA[Diagram not found]'" />
+</template>