fix absolute imports

README.md

@@ -47,6 +47,12 @@ This project aims to create a web-based user interface that simulates the look a
 
 We welcome contributions! If you'd like to contribute to this project, please follow the guidelines in CONTRIBUTING.md.
 
+### Imports
+
+Imports are now absolute. Configure in IntelliJ like this.
+![img.png](intelliJ-formatting.png)
+
+
 ## License
 
 This project is licensed under the ***[BaNaNa](https://www.youtube.com/watch?v=sJZ1G0e5bWU)*** License.

tsconfig.json

@@ -18,7 +18,14 @@
     "strict": true,
     "noUnusedLocals": false,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    // for absolute imports
+    "baseUrl": "./",
+    "paths": {
+      "src/*": [
+        "./src/*"
+      ]
+    }
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

vite.config.ts

@@ -5,4 +5,10 @@ import react from "@vitejs/plugin-react";
 export default defineConfig({
   base: "./",
   plugins: [react()],
+  // for absolute imports
+  resolve: {
+    alias: {
+      src: "/src"
+    }
+  }
 });