Fix build issue and prepare deploying

package.json

@@ -12,7 +12,8 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "prepare": "husky"
+    "prepare": "husky",
+    "deploy": "yarn && yarn build && gh-pages -d dist"
   },
   "dependencies": {
     "fs": "^0.0.1-security",
@@ -35,5 +36,6 @@
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.12.0",
     "vite": "^5.2.12"
-  }
+  },
+  "homepage": "https://fadihanna123.github.io/my-cv"
 }

src/App.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 // Components
 import "./styles/App.css";
-import { Layout } from "./app/";
+import Layout from "./app/Layout";
 
 const App: React.FC = () => <Layout />;
 

src/app/index.ts

@@ -1 +1 @@
-export { default as Layout } from "./Layout";
+export * from "./Layout";

src/main.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 
 // Components
-import App from "./App.tsx";
+import App from "./App";
 import "./styles/index.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(

src/styles/index.css

@@ -17,7 +17,7 @@ img {
 }
 
 .container {
-  background: conic-gradient(red 45deg, yellow 90deg, green 210deg);
+  background: conic-gradient(red 45deg, green 210deg);
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   color: #fff;
   font-weight: bold;

vite.config.ts

@@ -10,5 +10,9 @@ export default defineConfig({
       usePolling: true,
     },
   },
+  base: "",
+  build: {
+    outDir: "dist",
+  },
   plugins: [react()],
 });