ci: fix base url

.github/workflows/docs.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Install and Build
         run: |
           pnpm i --frozen-lockfile
-          pnpm build
+          pnpm build --base=/docs-template/
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4

src/components/Sidebar.jsx

@@ -27,7 +27,7 @@ export function Sidebar({ items = [], initialValue = "" } = {}) {
 function SidebarItem({ item, active, onPress }) {
   return (
     <li class="w-fit">
-      <a href={item.key} onClick={onPress} class="group text-zinc-600">
+      <a href={"/" + item.key} onClick={onPress} class="group text-zinc-600">
         {item.label}
         <span
           class={`block max-w-0 group-hover:max-w-full transition-all duration-500 h-0.5 bg-black ${

src/content/data.js

@@ -1,16 +1,16 @@
 import { lazy } from "preact-iso";
 
 export const sideBar = {
-  quickStart: {
+  "quick-start": {
     order: 0,
     label: "Quick Start",
     source: lazy(() => import("./quick-start.mdx")),
     key: "quick-start",
   },
-  about:{
+  about: {
     order: 1,
     label: "About",
     source: lazy(() => import("./about.mdx")),
     key: "about",
-  }
+  },
 };

src/pages/$content.jsx

@@ -4,7 +4,7 @@ import BaseLayout from "../layouts/base";
 
 export default function ContentPage() {
   const route = useRoute();
-  const Content = sideBar[route.params.content].source;
+  const Content = sideBar[route.params.content]?.source || (() => <></>);
   return (
     <BaseLayout sideBarItems={sideBar}>
       <Content />

src/pages/index.jsx

@@ -3,7 +3,7 @@ import BaseLayout from "../layouts/base";
 
 const AllContent = () =>
   Object.keys(sideBar).map((d, i) => {
-    const Component = sideBar[d].source;
+    const Component = sideBar[d]?.source || (() => <></>);
     const classList = i > 0 ? "mt-12 pt-12" : "";
     return <Component class={classList} />;
   });