Merge branch 'site-docs'

web/pw-server/package.json

@@ -22,6 +22,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-svelte3": "^3.2.1",
     "luxon": "^2.3.0",
+    "mdsvex": "^0.10.6",
     "prettier": "^2.4.1",
     "prettier-plugin-svelte": "^2.4.0",
     "sass": "^1.49.7",

web/pw-server/src/routes/docs/doc.svelte

@@ -0,0 +1,10 @@
+<div class="container">
+  <slot />
+</div>
+
+<style scoped lang="scss">
+  .container {
+    width: 800px;
+    margin: 0 auto;
+  }
+</style>

web/pw-server/src/routes/docs/rules.md

@@ -0,0 +1,3 @@
+# Rules
+
+Hello welcome on the rules page

web/pw-server/svelte.config.js

@@ -1,15 +1,24 @@
 import adapter from "@sveltejs/adapter-node";
-import preprocess from "svelte-preprocess";
+import sveltePreprocess from "svelte-preprocess";
 import { viteCommonjs } from "@originjs/vite-plugin-commonjs";
 import wasmPack from "vite-plugin-wasm-pack";
 import { isoImport } from "vite-plugin-iso-import";
+import { mdsvex } from "mdsvex";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   // Consult https://github.com/sveltejs/svelte-preprocess
   // for more information about preprocessors
-  preprocess: preprocess(),
-
+  preprocess: [
+    sveltePreprocess(),
+    mdsvex({
+      extensions: ['.md'],
+      layout: {
+        docs: 'src/routes/docs/doc.svelte',
+      }
+    }),
+  ],
+  extensions: ['.svelte', '.md'],
   kit: {
     adapter: adapter(),