Images

Author: Intermentality

package.json

@@ -27,7 +27,7 @@
         "sharp": "^0.33.5",
         "tailwindcss": "^3.0.15",
         "typescript": "^4.4.4",
-        "vite": "^5.4.10"
+        "vite": "^6.0.3"
     },
     "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/Pages/ProjectsPage/PGASGame.tsx

@@ -1,9 +1,9 @@
 import { Paragraph } from "../../Components/Paragraph";
 
-import LevelsSS from "../../Images/PGASGame/LevelsSS.png";
-import MainMenuSS from "../../Images/PGASGame/MainMenuSS.png";
-import PowerupSS from "../../Images/PGASGame/PowerupSS.png";
-import WarningSS from "../../Images/PGASGame/WarningSS.png";
+import LevelsSS from "../../assets/PGASGame/LevelsSS.png";
+import MainMenuSS from "../../assets/PGASGame/MainMenuSS.png";
+import PowerupSS from "../../assets/PGASGame/PowerupSS.png";
+import WarningSS from "../../assets/PGASGame/WarningSS.png";
 
 export default function PGASGame(){
     return <div className="relative grid place-items-center">
@@ -36,10 +36,10 @@ export default function PGASGame(){
             <h2 className="text-xl">Images</h2>
             <Paragraph>
                 <div className="grid gap-1 grid-cols-1 md:grid-cols-2">
-                    <img src={LevelsSS}/>
-                    <img src={MainMenuSS}/>
-                    <img src={PowerupSS}/>
-                    <img src={WarningSS}/>
+                    <img src={LevelsSS} alt="LevelSS.png"/>
+                    <img src={MainMenuSS} alt="MainMenuSS.png"/>
+                    <img src={PowerupSS} alt="PowerupSS.png"/>
+                    <img src={WarningSS} alt="WarningSS.png"/>
                 </div>
             </Paragraph>
         </article>

src/Images/PGASGame/LevelsSS.PNG src/assets/PGASGame/LevelsSS.PNGsrc/Images/PGASGame/LevelsSS.PNG renamed to src/assets/PGASGame/LevelsSS.PNG

@@ -3,7 +3,6 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: '',
   plugins: [react()],
   assetsInclude: ['**/*.PNG'],
 })