feat: migrate to VitePress from monorepo docs, add test-contour section

.vitepress/theme/index.ts

@@ -0,0 +1,44 @@
+import DefaultTheme from 'vitepress/theme'
+import mermaid from 'mermaid'
+import { nextTick, watch } from 'vue'
+import { useRoute } from 'vitepress'
+import './style.css'
+
+const renderMermaid = async () => {
+  await nextTick()
+
+  const diagrams = Array.from(
+    document.querySelectorAll<HTMLElement>('.mermaid')
+  )
+
+  diagrams.forEach((diagram) => {
+    diagram.removeAttribute('data-processed')
+  })
+
+  await mermaid.run({ nodes: diagrams })
+}
+
+export default {
+  extends: DefaultTheme,
+  setup() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
+    const route = useRoute()
+
+    mermaid.initialize({
+      startOnLoad: false,
+      securityLevel: 'loose',
+      theme: 'default'
+    })
+
+    watch(
+      () => route.path,
+      () => {
+        renderMermaid()
+      },
+      { immediate: true }
+    )
+  }
+}

.vitepress/theme/style.css

@@ -0,0 +1,15 @@
+.mermaid {
+  margin: 24px 0;
+  padding: 16px;
+  overflow-x: auto;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 12px;
+  background: var(--vp-c-bg-soft);
+  text-align: center;
+  white-space: pre;
+}
+
+.mermaid svg {
+  max-width: 100%;
+  height: auto;
+}