fix: always use base

package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build --base=/orderly/",
+    "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "models": "tsx scripts/get-models.ts",

src/router.tsx

@@ -1,28 +1,33 @@
-import { createBrowserRouter } from "react-router-dom";
+import { createHashRouter } from "react-router-dom";
 import { App } from "./App";
 import { Demo } from "./Demo";
 import { Home } from "./routes/Home";
 import { Chapter } from "./routes/Chapter";
 import { Snippet } from "./routes/Snippet";
 
-export const router = createBrowserRouter([
+export const router = createHashRouter(
+  [
+    {
+      path: "/",
+      element: <App />,
+      children: [
+        {
+          path: "",
+          element: <Home />,
+        },
+        {
+          path: "books/:bookId/chapters/:chapterId",
+          element: <Chapter />,
+          children: [{ path: "snippets/:snippetId", element: <Snippet /> }],
+        },
+      ],
+    },
+    {
+      path: "/demo",
+      element: <Demo />,
+    },
+  ],
   {
-    path: "/",
-    element: <App />,
-    children: [
-      {
-        path: "",
-        element: <Home />,
-      },
-      {
-        path: "books/:bookId/chapters/:chapterId",
-        element: <Chapter />,
-        children: [{ path: "snippets/:snippetId", element: <Snippet /> }],
-      },
-    ],
-  },
-  {
-    path: "/demo",
-    element: <Demo />,
-  },
-]);
+    basename: "/orderly",
+  }
+);

vite.config.ts

@@ -3,6 +3,7 @@ import react from "@vitejs/plugin-react-swc";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "/orderly/",
   optimizeDeps: {
     exclude: ["sqlocal"],
   },