github pages may work now

package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
+  "homepage": "https://sk337.github.io/SwordManager",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "vite",
@@ -21,6 +22,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "dotenv": "^16.3.2",
     "lucide-react": "^0.314.0",
     "node-fetch": "^3.2.6",
     "react": "^18.2.0",

src/App.jsx

@@ -210,13 +210,13 @@ export default function App() {
                 <p>
                   <span className="font-bold">Total:</span>
                   <br />
-                  <span className="text-sky-500">kills: </span>
+                  &nbsp;&nbsp;<span className="text-sky-500">kills: </span>
                   {prettyNum(pubInfo.totalStats.kills)}
                   <br />
-                  <span className="text-sky-500">playTime: </span>
+                  &nbsp;&nbsp;<span className="text-sky-500">playTime: </span>
                   {playtimeParse(pubInfo.totalStats.playtime)}
                   <br />
-                  <span className="text-sky-500">rank: </span>
+                  &nbsp;&nbsp;<span className="text-sky-500">rank: </span>
                   {prettyNum(pubInfo.rank)}
                   <br />
                 </p>

vite.config.js

@@ -1,6 +1,9 @@
 import { defineConfig } from 'vite';
 import path from "path"
 import react from '@vitejs/plugin-react';
+import dotenv from 'dotenv';
+dotenv.config();
+
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,6 +13,7 @@ export default defineConfig({
     }
   }
   )],
+  base: process.env.VITE_BASE_URL || "/",
   server: {
     hmr: false,
     host: '0.0.0.0',