docs: prerender for gh pages

docs/_config.yml

@@ -0,0 +1,6 @@
+include:
+  - _.js
+  - _*.js
+  - assets
+  - assets/*_.js
+  - assets/*.js

docs/package.json

@@ -6,7 +6,7 @@
     "dev:svite": "svite",
     "build": "run-s build:*",
     "build:routify": "routify run -b",
-    "build:svite": "svite build --assetsDir=assets",
+    "build:svite": "svite build --base=/carbon-components-svelte --assetsDir=assets",
     "postbuild": "node scripts/postbuild",
     "deploy": "npx gh-pages -d dist"
   },

docs/scripts/postbuild.js

@@ -19,12 +19,7 @@ async function scrape(page, url = "") {
 
 function relativePaths(depth = 0) {
   const asset_extension = new RegExp(/.(js|css|ico)$/);
-  let relative_path =
+  let relative_path = "";
-    depth > 0
-      ? Array.from({ length: depth }, (_, i) => "../")
-          .join("")
-          .slice(0, -1)
-      : ".";
 
   return (tree) => {
     tree.match(

docs/src/App.svelte

@@ -1,6 +1,8 @@
 <script>
-  import { Router } from "@sveltech/routify";
+  import { Router, basepath } from "@sveltech/routify";
   import { routes } from "../.routify/routes";
+
+  $basepath = "/carbon-components-svelte";
 </script>
 
 <style lang="scss" global>

docs/src/components/Preview.svelte

@@ -143,7 +143,7 @@
         kind="ghost"
         target="_blank"
         size="field"
-        href="{src}"
+        href="{$url(src)}"
         icon="{Launch16}"
       >
         Open in new tab

docs/src/pages/_layout.svelte

@@ -164,7 +164,6 @@
 
 <svelte:body
   on:mouseover="{async (e) => {
-    return;
     if (process.env.NODE_ENV === 'development') return;
     if (!e.target.href || !e.target
         .getAttribute('class')
@@ -179,7 +178,7 @@
 <Theme persist>
   <Header
     aria-label="Navigation"
-    href="/"
+    href="{$url('/')}"
     expandedByDefault="{true}"
     bind:isSideNavOpen
   >