added import alias

src/App.tsx

@@ -1,4 +1,4 @@
-import Resume from "./components/Resume";
+import Resume from "~/components/Resume";
 
 function App() {
   return (

src/components/About.tsx

@@ -1,4 +1,4 @@
-import { aboutText } from "../content";
+import { aboutText } from "~/content";
 import Section from "./Section";
 
 const About = () => {

src/components/Education.tsx

@@ -1,5 +1,5 @@
-import { education } from "../content";
-import { motif } from "../classes";
+import { education } from "~/content";
+import { motif } from "~/classes";
 import Section from "./Section";
 
 const Education = () => {

src/components/Experience.tsx

@@ -1,7 +1,7 @@
 import classnames from "classnames";
 import { HiChevronRight } from "react-icons/hi";
-import { accent } from "../classes";
-import { jobs } from "../content";
+import { accent } from "~/classes";
+import { jobs } from "~/content";
 import Job from "./Job";
 import Section from "./Section";
 

src/components/Footer.tsx

@@ -4,7 +4,7 @@ import { AiOutlinePhone, AiFillLinkedin } from "react-icons/ai";
 import { BsCode } from "react-icons/bs";
 import { FaReact } from "react-icons/fa";
 import { HiOutlineMail } from "react-icons/hi";
-import { contactInfo } from "../content";
+import { contactInfo } from "~/content";
 
 const FooterItem = ({
   icon,

src/components/Header.tsx

@@ -1,6 +1,6 @@
 import { HiPlus } from "react-icons/hi";
-import PROFILE_PIC from "../assets/brighter.png";
-import COVER_PIC from "../assets/cover.png";
+import PROFILE_PIC from "~/assets/brighter.png";
+import COVER_PIC from "~/assets/cover.png";
 
 const Header = () => {
   return (

src/components/Job.tsx

@@ -1,7 +1,7 @@
-import { motif } from "../classes";
-import { JobType } from "../content";
+import { motif } from "~/classes";
+import { JobType } from "~/content";
 import { BsDot } from "react-icons/bs";
-import SubHeading from "../components/SubHeading";
+import SubHeading from "~/components/SubHeading";
 
 const Job = ({ job }: { job: JobType }) => {
   return (

src/components/Skills.tsx

@@ -1,4 +1,4 @@
-import { technicalSkills, professionalSkills } from "../content";
+import { technicalSkills, professionalSkills } from "~/content";
 import Section from "./Section";
 import SubHeading from "./SubHeading";
 

tsconfig.json

@@ -14,8 +14,12 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": "./",
+    "paths": {
+      "~/*": ["src/*"]
+    }
   },
   "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "exclude": ["node_modules", "dist", "public"]
 }

vite.config.ts

@@ -4,5 +4,7 @@ import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: "/Resume/",
+  resolve: {
+    alias: { "~": "/src" },
+  },
 });