use svelte-adapter-ghpages

Author: ota-meshi

docs/404.svelte

@@ -1,7 +1,11 @@
+<script>
+  import { base as baseUrl } from "$app/paths"
+</script>
+
 <h1>404</h1>
 <blockquote>
   <p>Not Found</p>
-  <p>Take me <a href="/eslint-plugin-svelte/">home</a></p>
+  <p>Take me <a href="{baseUrl}/">home</a></p>
 </blockquote>
 
 <style>

docs/__error.svelte

@@ -8,11 +8,12 @@
 </script>
 
 <script>
+  import { base as baseUrl } from "$app/paths"
   export let status, error
 </script>
 
 <h1>{status}</h1>
 <blockquote>
   <p>{error.message}</p>
-  <p>Take me <a href="/eslint-plugin-svelte/">home</a></p>
+  <p>Take me <a href="{baseUrl}/">home</a></p>
 </blockquote>

package.json

@@ -118,6 +118,7 @@
     "stylelint": "^14.0.0",
     "stylelint-config-standard": "^24.0.0",
     "svelte": "^3.37.0",
+    "svelte-adapter-ghpages": "0.0.1",
     "ts-node": "^10.0.0",
     "typescript": "^4.5.2",
     "vite-plugin-svelte-md": "^0.1.3",

svelte.config.esm.mjs

@@ -1,5 +1,5 @@
 /* global __dirname -- __dirname */
-import staticAdapter from "@sveltejs/adapter-static"
+import ghpagesAdapter from "svelte-adapter-ghpages"
 import path from "path"
 import svelteMd from "vite-plugin-svelte-md"
 import svelteMdOption from "./docs-svelte-kit/tools/vite-plugin-svelte-md-option.mjs"
@@ -14,11 +14,6 @@ const dirname =
         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: {
@@ -29,15 +24,11 @@ const config = {
     paths: {
       base: "/eslint-plugin-svelte",
     },
-    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")
-      },
-    },
+    adapter: ghpagesAdapter({
+      // default options are shown
+      pages: "build",
+      assets: "build",
+    }),
 
     // hydrate the <div id="svelte"> element in src/app.html
     target: "#svelte",