update docs site

Author: ota-meshi

docs/404.svelte

@@ -0,0 +1,11 @@
+<h1>404</h1>
+<blockquote>
+  <p>Not Found</p>
+  <p>Take me <a href="/eslint-plugin-svelte/">home</a></p>
+</blockquote>
+
+<style>
+  blockquote {
+    text-align: center;
+  }
+</style>

docs/__error.svelte

@@ -0,0 +1,18 @@
+<script context="module">
+  /** @type {import('@sveltejs/kit').ErrorLoad} */
+  export function load({ error, status }) {
+    return {
+      props: { error, status },
+    }
+  }
+</script>
+
+<script>
+  export let status, error
+</script>
+
+<h1>{status}</h1>
+<blockquote>
+  <p>{error.message}</p>
+  <p>Take me <a href="/eslint-plugin-svelte/">home</a></p>
+</blockquote>

docs/__layout.svelte

@@ -4,9 +4,21 @@
 
   /** @type {import('@sveltejs/kit').Load} */
   export async function load({ page }) {
+    const markdown = `./${markdownPath(page.path)}`
+    if (docs[markdown]) {
+      return {
+        props: {
+          moduleData: await docs[markdown](),
+        },
+      }
+    }
+
+    // 404
     return {
       props: {
-        moduleData: await docs[`./${markdownPath(page.path)}`](),
+        moduleData: {
+          frontmatter: { title: "404", hiddenMenu: true },
+        },
       },
     }
   }

svelte.config.esm.mjs

@@ -13,6 +13,12 @@ const dirname =
         const metaUrl = Function(`return import.meta.url`)()
         return path.dirname(new URL(metaUrl).pathname)
       })()
+
+const baseStaticAdapter = staticAdapter({
+  // default options are shown
+  pages: "build",
+  assets: "build",
+})
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   compilerOptions: {
@@ -23,11 +29,15 @@ const config = {
     paths: {
       base: "/eslint-plugin-svelte",
     },
-    adapter: staticAdapter({
-      // default options are shown
-      pages: "build",
-      assets: "build",
-    }),
+    adapter: {
+      name: baseStaticAdapter.name,
+
+      async adapt(arg) {
+        await baseStaticAdapter.adapt(arg)
+        arg.utils.copy("build/404/index.html", "build/404.html")
+        arg.utils.rimraf("build/404")
+      },
+    },
 
     // hydrate the <div id="svelte"> element in src/app.html
     target: "#svelte",