Improved assets

src/App.tsx

@@ -11,6 +11,7 @@ import {
 import { getVersions, type GameVersion } from "./services/LauncherService";
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
+import Logo from "@/assets/logo.png";
 
 // Utility for merging tailwind classes
 function cn(...inputs: ClassValue[]) {
@@ -71,7 +72,7 @@ const App: React.FC = () => {
       {/* Sidebar */}
       <aside className="w-16 border-r border-saturn-border flex flex-col items-center py-6 gap-6 bg-saturn-panel/50">
         <div>
-          <img src="/logo.png" alt="Saturn Logo" className="w-10 h-10" />
+          <img src={Logo} alt="Saturn Logo" className="w-10 h-10" />
         </div>
 
         <nav className="flex flex-col gap-4 h-full">

src/components/PlaySection.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { Play, Loader2 } from "lucide-react";
 import { launchGame, type GameVersion } from "../services/LauncherService";
+import Bg from "@/assets/bg.png";
 
 interface PlaySectionProps {
   version: GameVersion;
@@ -35,7 +36,7 @@ const PlaySection: React.FC<PlaySectionProps> = ({ version }) => {
     <div className="h-full relative">
       {/* Background Image */}
       <img
-        src="/bg.png"
+        src={Bg}
         alt="Background"
         className="w-full h-full object-cover rounded-2xl brightness-50"
       />

tsconfig.json

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

vite.config.ts

@@ -30,4 +30,10 @@ export default defineConfig(async () => ({
       ignored: ["**/src-tauri/**"],
     },
   },
+
+  resolve: {
+    alias: {
+      "@": "/src",
+    },
+  },
 }));