🔧 add mdsvex, update config and packages

I added mdsvex, and updated some package versions. I also updated the config file and renamed it from svelte.config.cjs to svelte.config.js
2025-12-06 04:21:38 +00:00 · 2021-05-18 10:33:24 +02:00
parent 1ca88aa822
commit 3c5a751fe1
5 changed files with 155 additions and 27 deletions
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
    "eslint": "^7.22.0",
    "eslint-config-prettier": "^8.1.0",
    "eslint-plugin-svelte3": "^3.2.0",
+    "mdsvex": "^0.9.3",
    "postcss": "^8.2.10",
    "postcss-load-config": "^3.0.1",
    "prettier": "~2.2.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,6 +9,7 @@ specifiers:
  eslint: ^7.22.0
  eslint-config-prettier: ^8.1.0
  eslint-plugin-svelte3: ^3.2.0
+  mdsvex: ^0.9.3
  postcss: ^8.2.10
  postcss-load-config: ^3.0.1
  prettier: ~2.2.1
@@ -24,7 +25,7 @@ dependencies:
  svelte-highlight: 2.0.0

 devDependencies:
-  '@sveltejs/kit': 1.0.0-next.95_svelte@3.38.1+vite@2.2.4
+  '@sveltejs/kit': 1.0.0-next.107_svelte@3.38.1
  '@typescript-eslint/eslint-plugin': 4.22.0_e3b52a83531895e7febd6ecd5ba813eb
  '@typescript-eslint/parser': 4.22.0_eslint@7.25.0+typescript@4.2.4
  autoprefixer: 10.2.5_postcss@8.2.13
@@ -32,6 +33,7 @@ devDependencies:
  eslint: 7.25.0
  eslint-config-prettier: 8.3.0_eslint@7.25.0
  eslint-plugin-svelte3: 3.2.0_eslint@7.25.0+svelte@3.38.1
+  mdsvex: 0.9.5_svelte@3.38.1
  postcss: 8.2.13
  postcss-load-config: 3.0.1
  prettier: 2.2.1
@@ -110,26 +112,25 @@ packages:
      picomatch: 2.2.3
    dev: true

-  /@sveltejs/kit/1.0.0-next.95_svelte@3.38.1+vite@2.2.4:
-    resolution: {integrity: sha512-J5RFS3k88Hz/XB/UoZBx2Rd4zUMipPgAKUMCRdXSstzlFJ3Cdw1Ix76sSvWuNwVHVxrOdHV5e1u5trhVAuU6Bw==}
+  /@sveltejs/kit/1.0.0-next.107_svelte@3.38.1:
+    resolution: {integrity: sha512-HxomGMWbuWTU8lahk98hqIL/xjW6HzNTAvTZVMnnmlMHN1N8x7+abkz4Y09Zhu8lZkZpFuqBj2UlsgPW4uJXtw==}
    engines: {node: '>= 12.17.0'}
    hasBin: true
    peerDependencies:
-      svelte: ^3.34.0
-      vite: ^2.2.3
+      svelte: ^3.38.2
    dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.0-next.9_svelte@3.38.1+vite@2.2.4
+      '@sveltejs/vite-plugin-svelte': 1.0.0-next.10_svelte@3.38.1+vite@2.3.3
      cheap-watch: 1.0.3
      sade: 1.7.4
      svelte: 3.38.1
-      vite: 2.2.4
+      vite: 2.3.3
    transitivePeerDependencies:
      - rollup
      - supports-color
    dev: true

-  /@sveltejs/vite-plugin-svelte/1.0.0-next.9_svelte@3.38.1+vite@2.2.4:
-    resolution: {integrity: sha512-ySB/GJsZV3h3jqjq5WIiaxVFkJK6vqtG9gS7Iw6SfUH9ZiFNw5JjQF69g68j9cNep3q4yRIYiG5/pI3YIdXEuA==}
+  /@sveltejs/vite-plugin-svelte/1.0.0-next.10_svelte@3.38.1+vite@2.3.3:
+    resolution: {integrity: sha512-ImvxbhPePm2hWNTKBSA3LHAYGwiEjHjvvgfPLXm4R87sfZ+BMXql9jBmDpzUC/URBLT4BB3Jxos/i523qkJBHg==}
    engines: {node: '>=12.0.0'}
    peerDependencies:
      svelte: ^3.37.0
@@ -144,7 +145,7 @@ packages:
      source-map: 0.7.3
      svelte: 3.38.1
      svelte-hmr: 0.14.3_svelte@3.38.1
-      vite: 2.2.4
+      vite: 2.3.3
    transitivePeerDependencies:
      - rollup
      - supports-color
@@ -177,6 +178,10 @@ packages:
      '@types/node': 15.0.1
    dev: true

+  /@types/unist/2.0.3:
+    resolution: {integrity: sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==}
+    dev: true
+
  /@typescript-eslint/eslint-plugin/4.22.0_e3b52a83531895e7febd6ecd5ba813eb:
    resolution: {integrity: sha512-U8SP9VOs275iDXaL08Ln1Fa/wLXfj5aTr/1c0t0j6CdbOnxh+TruXu1p4I0NAvdPBQgoPjHsgKn28mOi0FzfoA==}
    engines: {node: ^10.12.0 || >=12.0.0}
@@ -449,6 +454,15 @@ packages:
    engines: {node: '>=8'}
    dev: true

+  /clipboard/2.0.8:
+    resolution: {integrity: sha512-Y6WO0unAIQp5bLmk1zdThRhgJt/x3ks6f30s3oE3H1mgIEU33XyQjEf8gsf6DxC7NPX8Y1SsNWjUjL/ywLnnbQ==}
+    dependencies:
+      good-listener: 1.2.2
+      select: 1.1.2
+      tiny-emitter: 2.1.0
+    dev: true
+    optional: true
+
  /color-convert/1.9.3:
    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
    dependencies:
@@ -658,6 +672,11 @@ packages:
    resolution: {integrity: sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=}
    dev: true

+  /delegate/3.2.0:
+    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+    dev: true
+    optional: true
+
  /detect-indent/6.0.0:
    resolution: {integrity: sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==}
    engines: {node: '>=8'}
@@ -736,6 +755,12 @@ packages:
      is-arrayish: 0.2.1
    dev: true

+  /esbuild/0.11.23:
+    resolution: {integrity: sha512-iaiZZ9vUF5wJV8ob1tl+5aJTrwDczlvGP0JoMmnpC2B0ppiMCu8n8gmy5ZTGl5bcG081XBVn+U+jP+mPFm5T5Q==}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+
  /esbuild/0.9.7:
    resolution: {integrity: sha512-VtUf6aQ89VTmMLKrWHYG50uByMF4JQlVysb8dmg6cOgW8JnFCipmz7p+HNBl+RR3LLCuBxFGVauAe2wfnF9bLg==}
    hasBin: true
@@ -1014,6 +1039,13 @@ packages:
      slash: 3.0.0
    dev: true

+  /good-listener/1.2.2:
+    resolution: {integrity: sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=}
+    dependencies:
+      delegate: 3.2.0
+    dev: true
+    optional: true
+
  /has-flag/3.0.0:
    resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=}
    engines: {node: '>=4'}
@@ -1244,6 +1276,18 @@ packages:
    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
    dev: true

+  /mdsvex/0.9.5_svelte@3.38.1:
+    resolution: {integrity: sha512-QXgxm7F9+lGuXJx4il6FBJUVdEwBXDvmB9YVXM0BjAzpOa7le4ojOoS9mq9m8m8zvG7CWRssVIUxFROwVxEopQ==}
+    peerDependencies:
+      svelte: 3.x
+    dependencies:
+      '@types/unist': 2.0.3
+      prism-svelte: 0.4.7
+      prismjs: 1.23.0
+      svelte: 3.38.1
+      vfile-message: 2.0.4
+    dev: true
+
  /merge2/1.4.1:
    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
    engines: {node: '>= 8'}
@@ -1717,6 +1761,16 @@ packages:
    hasBin: true
    dev: true

+  /prism-svelte/0.4.7:
+    resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==}
+    dev: true
+
+  /prismjs/1.23.0:
+    resolution: {integrity: sha512-c29LVsqOaLbBHuIbsTxaKENh1N2EQBOHaWv7gkHN4dgRbxSREqDnDbtFJYdpPauS4YCplMSNCABQ6Eeor69bAA==}
+    optionalDependencies:
+      clipboard: 2.0.8
+    dev: true
+
  /progress/2.0.3:
    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
    engines: {node: '>=0.4.0'}
@@ -1803,6 +1857,11 @@ packages:
      mri: 1.1.6
    dev: true

+  /select/1.1.2:
+    resolution: {integrity: sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=}
+    dev: true
+    optional: true
+
  /semver/7.3.5:
    resolution: {integrity: sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==}
    engines: {node: '>=10'}
@@ -2024,6 +2083,11 @@ packages:
    resolution: {integrity: sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=}
    dev: true

+  /tiny-emitter/2.1.0:
+    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+    dev: true
+    optional: true
+
  /to-regex-range/5.0.1:
    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
    engines: {node: '>=8.0'}
@@ -2080,6 +2144,12 @@ packages:
    resolution: {integrity: sha1-/+3ks2slKQaW5uFl1KWe25mOawI=}
    dev: true

+  /unist-util-stringify-position/2.0.3:
+    resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
+    dependencies:
+      '@types/unist': 2.0.3
+    dev: true
+
  /uri-js/4.4.1:
    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
    dependencies:
@@ -2098,6 +2168,13 @@ packages:
    resolution: {integrity: sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==}
    dev: true

+  /vfile-message/2.0.4:
+    resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
+    dependencies:
+      '@types/unist': 2.0.3
+      unist-util-stringify-position: 2.0.3
+    dev: true
+
  /vite/2.2.4:
    resolution: {integrity: sha512-vnIwSNci+phFMp6krhy+FbYzKL0R67Sdt9mVZ96S27AewrApSJjTqncJcalk8sf60BgcbW4+1C6DFIWkxquO9g==}
    engines: {node: '>=12.0.0'}
@@ -2111,6 +2188,19 @@ packages:
      fsevents: 2.3.2
    dev: true

+  /vite/2.3.3:
+    resolution: {integrity: sha512-eO1iwRbn3/BfkNVMNJDeANAFCZ5NobYOFPu7IqfY7DcI7I9nFGjJIZid0EViTmLDGwwSUPmRAq3cRBbO3+DsMA==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+    dependencies:
+      esbuild: 0.11.23
+      postcss: 8.2.13
+      resolve: 1.20.0
+      rollup: 2.46.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
  /which/2.0.2:
    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
    engines: {node: '>= 8'}
--- a/src/lib/layouts/EventPage.svelte
+++ b/src/lib/layouts/EventPage.svelte
@@ -0,0 +1,23 @@
+<script>
+	export let title = '';
+
+</script>
+
+<div>
+	<h1>{title}</h1>
+	<main>
+		<slot />
+	</main>
+</div>
+
+<style>
+	div {
+		padding: 5vw;
+	}
+
+	main {
+		text-align: start;
+		display: block;
+	}
+
+</style>
--- a/svelte.config.cjs
+++ b/svelte.config.cjs
@@ -1,17 +0,0 @@
-const preprocess = require('svelte-preprocess');
-
-/** @type {import('@sveltejs/kit').Config} */
-module.exports = {
-	// Consult https://github.com/sveltejs/svelte-preprocess
-	// for more information about preprocessors
-	preprocess: [
-		preprocess({
-			postcss: true
-		}),
-	],
-
-	kit: {
-		// hydrate the <div id="svelte"> element in src/app.html
-		target: '#svelte'
-	}
-};
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -0,0 +1,31 @@
+import preprocess from 'svelte-preprocess';
+import { mdsvex } from 'mdsvex';
+
+const extensions = [`.svelte`, '.md', `.mdx`, '.svx'];
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: [
+		preprocess(),
+		mdsvex({
+			extensions: extensions,
+			layout: { eventPage: './src/lib/layouts/EventPage.svelte' }
+		})
+	],
+	extensions: extensions,
+	kit: {
+		// hydrate the <div id="svelte"> element in src/app.html
+		target: '#svelte',
+		hydrate: true,
+		prerender: {
+			crawl: true,
+			enabled: true,
+			force: false,
+			pages: ['*']
+		},
+		router: true,
+		ssr: true
+	}
+};
+
+export default config;