4 files changed, 26 insertions, 3 deletions
diff --git a/web/pw-server/package.json b/web/pw-server/package.json
index c8be055..474f38c 100644
--- a/web/pw-server/package.json
+++ b/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",
diff --git a/web/pw-server/src/routes/docs/doc.svelte b/web/pw-server/src/routes/docs/doc.svelte
new file mode 100644
index 0000000..ded3a6c
--- /dev/null
+++ b/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>
+\ No newline at end of file
diff --git a/web/pw-server/src/routes/docs/rules.md b/web/pw-server/src/routes/docs/rules.md
new file mode 100644
index 0000000..75d99a6
--- /dev/null
+++ b/web/pw-server/src/routes/docs/rules.md
@@ -0,0 +1,3 @@
+# Rules
+
+Hello welcome on the rules page
+\ No newline at end of file
diff --git a/web/pw-server/svelte.config.js b/web/pw-server/svelte.config.js
index 4eddd58..fe396f9 100644
--- a/web/pw-server/svelte.config.js
+++ b/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(),