Fix article hydration bug

shiro · Jun 11, 2024 · cb9ea84 · cb9ea84
1 parent 0cb133a
commit cb9ea84
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/app.config.ts b/app.config.ts
@@ -43,6 +43,7 @@ export default defineConfig({
         port: 3000,
         warmup: { clientFiles: ["./src/app.tsx"] },
       },
+      build: { sourcemap: true },
       resolve: {
         alias: Object.fromEntries(
           Object.entries(tsconfig.compilerOptions.paths).map(([key, value]) => [

diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
     "dev": "vinxi dev",
     "build": "vinxi build",
     "start": "vinxi start",
+    "serve": "cd .output && npx http-server public -p 3000",
     "version": "vinxi version"
   },
   "dependencies": {

diff --git a/src/routes.tsx b/src/routes.tsx
@@ -11,7 +11,8 @@ export const routes: RouteDefinition[] = [
     path: "/articles/:name",
     component: (p) => {
       // router bug: 'name' not in 'p', update when this is fixed
-      const name = p.location.pathname.replace(`${config.base}/articles/`, "");
+      let name = p.location.pathname.replace(`${config.base}/articles/`, "");
+      if (name.endsWith("/")) name = name.slice(0, -1);
       return (
         <div class="mb-16">
           <Article name={name} />