chore: path

src/components/Comments.tsx

@@ -33,7 +33,7 @@ export default function Comments() {
       repoId="R_kgDOKrn4Tw"
       category="Comments"
       categoryId="DIC_kwDOF1L2fM4B-hVS"
-      mapping="pathname"
+      mapping="url"
       term="Welcome to GPTHub!"
       reactionsEnabled="1"
       emitMetadata="0"

src/main.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { HashRouter } from 'react-router-dom';
+import { BrowserRouter } from 'react-router-dom';
 
 import BaseLayout from '@/layouts/base';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <HashRouter>
+    <BrowserRouter basename="/gpthub">
       <BaseLayout />
-    </HashRouter>
+    </BrowserRouter>
   </React.StrictMode>,
 )

src/views/GPTs.tsx

@@ -46,13 +46,16 @@ export default function GPTs() {
           onChange={handleSearch}
         />
       </div>
-      {list.length === 0 && <div className="flex h-80 justify-center items-center text-4xl font-bold text-slate-500">No Data</div>}
-      <div className="grid gap-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1">
-        {list?.map((item) => {
-          if (!item.id) return null;
-          return <GPTCard key={item.id} {...item} />
-        })}
-      </div>
+      {list.length === 0 ? (
+        <div className="flex h-80 justify-center items-center text-4xl font-bold text-slate-500">No Data</div>
+      ) : (
+        <div className="grid gap-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1">
+          {list?.map((item) => {
+            if (!item.id) return null;
+            return <GPTCard key={item.id} {...item} />
+          })}
+        </div>
+      )}
     </div>
   );
 }

vite.config.ts

@@ -5,6 +5,7 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: '/gpthub',
   plugins: [
     tsconfigPaths(),
     react(),