docs: fix a few issues with building the demo site

Author: hperrin

.prettierignore

@@ -5,6 +5,7 @@ package-lock.json
 dist
 .svelte-kit
 /.github
+packages/site/build
 /packages/site/static/smui.css
 /packages/site/static/smui-dark.css
 /packages/site/static/site.css

package-lock.json

@@ -5,8 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build && npm run rename-md",
-    "rename-md": "cd build && mv INSTALL.mdindex.html INSTALL.md.html && mv MIGRATING.mdindex.html MIGRATING.md.html && mv REPL.mdindex.html REPL.md.html && mv SVELTEKIT.mdindex.html SVELTEKIT.md.html && mv THEMING.mdindex.html THEMING.md.html && cd ..",
+    "build": "vite build",
     "package": "svelte-kit package",
     "preview": "vite preview",
     "prepare": "svelte-kit sync && npm run smui-theme-light && npm run smui-theme-dark && npm run site-light && npm run site-dark",
@@ -87,7 +86,7 @@
     "highlight.js": "^11.6.0",
     "highlightjs-svelte": "^1.0.6",
     "mdsvex": "^0.10.6",
-    "remark-slug": "^7.0.1",
+    "rehype-slug": "^5.0.1",
     "sass": "^1.54.0",
     "simple-icons": "^7.4.0",
     "smui-theme": "^6.0.0-beta.16",

packages/site/package.json

@@ -3,7 +3,7 @@ import preprocess from 'svelte-preprocess';
 import { mdsvex } from 'mdsvex';
 import hljs from 'highlight.js';
 import hljs_svelte from 'highlightjs-svelte';
-import slug from 'remark-slug';
+import slug from 'rehype-slug';
 
 hljs_svelte(hljs);
 
@@ -24,7 +24,7 @@ const config = {
     preprocess(),
     mdsvex({
       extensions: ['.svx', '.md'],
-      remarkPlugins: [slug],
+      rehypePlugins: [slug],
       highlight: { highlighter },
     }),
   ],
@@ -36,7 +36,7 @@ const config = {
       default: true,
     },
 
-    trailingSlash: 'always',
+    trailingSlash: 'ignore',
   },
 };
 

packages/site/svelte.config.js

@@ -3,6 +3,9 @@ import { sveltekit } from '@sveltejs/kit/vite';
 /** @type {import('vite').UserConfig} */
 const config = {
   plugins: [sveltekit()],
+  ssr: {
+    noExternal: [/^@material\//],
+  },
   resolve: {
     dedupe: ['svelte'],
   },