fix: set storybook base path via viteFinal, remove invalid --base-path flag

Author: vchan-in

.github/workflows/deploy.yml

@@ -32,7 +32,7 @@ jobs:
         run: npm ci
 
       - name: Build Storybook
-        run: npx storybook build --base-path /ui-kit --output-dir ./storybook-static
+        run: npx storybook build --output-dir ./storybook-static
 
       - uses: actions/configure-pages@v5
 

.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { StorybookConfig } from "@storybook/react-vite";
+import type { InlineConfig } from "vite";
 
 const config: StorybookConfig = {
   stories: [
@@ -14,6 +15,10 @@ const config: StorybookConfig = {
   docs: {
     defaultName: "Docs",
   },
+  viteFinal: (config: InlineConfig) => {
+    config.base = "/ui-kit/";
+    return config;
+  },
 };
 
 export default config;

package.json

@@ -9,7 +9,7 @@
     "build-storybook": "storybook build",
     "typecheck": "tsc --noEmit",
     "build": "vite build",
-    "predeploy": "storybook build --base-path /ui-kit --output-dir ./storybook-static",
+    "predeploy": "storybook build --output-dir ./storybook-static",
     "deploy": "gh-pages -d storybook-static"
   },
   "devDependencies": {