chore: deploy in github pages

.github/workflows/deploy-vite.yml

@@ -0,0 +1,56 @@
+# 将静态内容部署到 GitHub Pages 的简易工作流程
+name: Deploy static content to Pages
+on:
+  # 这个选项可以使你手动在 Action tab 页面触发工作流
+  workflow_dispatch:
+
+# 设置 GITHUB_TOKEN 的权限，以允许部署到 GitHub Pages。
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# 允许一个并发的部署
+concurrency:
+  group: 'pages'
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Prepare pnpm
+        run: corepack prepare pnpm@latest --activate
+
+      - name: Install dependencies with pnpm
+        run: pnpm install
+
+      - name: Build the project with pnpm
+        run: pnpm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

src/main.tsx

@@ -1,7 +1,14 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { Routes } from '@generouted/react-router'
+import { routes } from '@generouted/react-router'
 import './index.css'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
+
+const Routes = () => (
+  <RouterProvider
+    router={createBrowserRouter(routes, { basename: '/time-block/' })}
+  />
+)
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

src/router.ts

@@ -0,0 +1,18 @@
+// Generouted, changes to this file will be overridden
+/* eslint-disable */
+
+import { components, hooks, utils } from '@generouted/react-router/client'
+
+export type Path = `/`
+
+export type Params = {}
+
+export type ModalPath = never
+
+export const { Link, Navigate } = components<Path, Params>()
+export const { useModals, useNavigate, useParams } = hooks<
+  Path,
+  Params,
+  ModalPath
+>()
+export const { redirect } = utils<Path, Params>()

tsconfig.app.json

@@ -22,16 +22,9 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
 
-
     "noUnusedLocals": false,
     "noUnusedParameters": false,
 
-    //  compile option
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-
   },
   "include": ["src"]
 }

vite.config.ts

@@ -4,5 +4,6 @@ import generouted from '@generouted/react-router/plugin'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: '/time-block/',
   plugins: [react(), generouted()],
 })