From 9ab87b2560f824d804cada35b7a793cdb10a9598 Mon Sep 17 00:00:00 2001
From: Mr-Fiddlez <126890289+Intermentality@users.noreply.github.com>
Date: Tue, 10 Dec 2024 14:01:42 -0500
Subject: [PATCH] TryinToFixPath

Path issue maybe??
---
 package.json                        | 4 +++-
 src/Pages/ProjectsPage/PGASGame.tsx | 8 ++++----
 vite.config.ts                      | 7 +++++++
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 94334d3..4caf09f 100644
--- a/package.json
+++ b/package.json
@@ -10,10 +10,12 @@
         "resize-toolbox-images": "node ./bin/resize-toolbox-images.mjs"
     },
     "dependencies": {
+        "@types/node": "^22.10.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router-dom": "^6.27.0",
-        "shadertoy-react": "^1.1.2"
+        "shadertoy-react": "^1.1.2",
+        "url": "^0.11.4"
     },
     "devDependencies": {
         "@monaco-editor/react": "^4.3.1",
diff --git a/src/Pages/ProjectsPage/PGASGame.tsx b/src/Pages/ProjectsPage/PGASGame.tsx
index 5f85f99..db1ab17 100644
--- a/src/Pages/ProjectsPage/PGASGame.tsx
+++ b/src/Pages/ProjectsPage/PGASGame.tsx
@@ -1,9 +1,9 @@
 import { Paragraph } from "../../Components/Paragraph";
 
-import LevelsSS from "/src/PGAS24_LevelsSS.png";
-import MainMenuSS from "/src/PGAS24_MainMenuSS.png";
-import PowerupSS from "/src/PGAS24_PowerupSS.png";
-import WarningSS from "/src/PGAS24_WarningSS.png";
+import LevelsSS from "@src/PGAS24_LevelsSS.png";
+import MainMenuSS from "@src/PGAS24_MainMenuSS.png";
+import PowerupSS from "@src/PGAS24_PowerupSS.png";
+import WarningSS from "@src/PGAS24_WarningSS.png";
 
 export default function PGASGame(){
     return <div className="relative grid place-items-center">
diff --git a/vite.config.ts b/vite.config.ts
index 3f5227b..5de615e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,15 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   assetsInclude: ['**/*.PNG'],
+
+  resolve: {
+    alias: {
+      "@src": path.resolve(__dirname, "./src")
+    }
+  }
 })
\ No newline at end of file