Image Setup

Author: Intermentality

public/images/PGASGame/LevelsSS.PNG src/Images/PGASGame/LevelsSS.PNGpublic/images/PGASGame/LevelsSS.PNG renamed to src/Images/PGASGame/LevelsSS.PNG

@@ -1,5 +1,10 @@
 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";
+
 export default function PGASGame(){
     return <div className="relative grid place-items-center">
         <article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
@@ -30,7 +35,12 @@ export default function PGASGame(){
 
             <h2 className="text-xl">Images</h2>
             <Paragraph>
-                I'll add it in once I know how. Rip. 🙏
+                <div className="grid gap-1 grid-cols-1 md:grid-cols-2">
+                    <img src={LevelsSS}/>
+                    <img src={MainMenuSS}/>
+                    <img src={PowerupSS}/>
+                    <img src={WarningSS}/>
+                </div>
             </Paragraph>
         </article>
     </div>

public/images/PGASGame/MainMenuSS.PNG src/Images/PGASGame/MainMenuSS.PNGpublic/images/PGASGame/MainMenuSS.PNG renamed to src/Images/PGASGame/MainMenuSS.PNG

@@ -1,6 +1,7 @@
 {
     "compilerOptions": {
       "target": "ESNext",
+      "types": ["vite/client"],
       "useDefineForClassFields": true,
       "lib": ["DOM", "DOM.Iterable", "ESNext"],
       "allowJs": false,

public/images/PGASGame/PowerupSS.PNG src/Images/PGASGame/PowerupSS.PNGpublic/images/PGASGame/PowerupSS.PNG renamed to src/Images/PGASGame/PowerupSS.PNG

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