From 09a7396f886fb82f4b1355043640549c775a35d2 Mon Sep 17 00:00:00 2001
From: spaceofnova <mcrealms23@gmail.com>
Date: Fri, 22 Mar 2024 12:20:21 -0500
Subject: [PATCH] ut

---
 src/routes/apps/+page.server.js | 19 -------------------
 src/routes/apps/+page.svelte    | 15 +++++++++++++--
 2 files changed, 13 insertions(+), 21 deletions(-)
 delete mode 100644 src/routes/apps/+page.server.js

diff --git a/src/routes/apps/+page.server.js b/src/routes/apps/+page.server.js
deleted file mode 100644
index fd463c2..0000000
--- a/src/routes/apps/+page.server.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// @ts-nocheck
-import { error } from '@sveltejs/kit';
-let gameList = [];
-export async function load() {
-	try {
-		const res = await fetch('https://api.flowspace.app/get/games').then((r) => r.json());
-		gameList = res.map((game) => {
-			return {
-				id: game.id,
-				name: game.name,
-				img: game.img,
-				description: game.description
-			};
-		});
-	}catch(e){
-		console.log(e);
-	}
-	
-}
diff --git a/src/routes/apps/+page.svelte b/src/routes/apps/+page.svelte
index 958fc4d..bc978be 100644
--- a/src/routes/apps/+page.svelte
+++ b/src/routes/apps/+page.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	//@ts-nocheck
 	import { onMount } from 'svelte';
-	export let data:object;
+	let gameList = [];
+	onMount(async () => {
+		const res = await fetch('https://api.flowspace.app/get/games').then((r) => r.json());
+		gameList = res.map((game) => {
+			return {
+				id: game.id,
+				name: game.name,
+				img: game.img,
+				description: game.description
+			};
+		});
+	});
 </script>
 
 <h1 class="text-4xl font-bold">All Apps</h1>
 <div class="grid grid-cols-1 grid-rows-6 mt-2 ml-2 gap-2">
-	{#each data as { id, name, img, description }}
+	{#each gameList as { id, name, img, description }}
 		<div class="card card-side bg-base-300 shadow-xl w-96 h-28 rounded-xl">
 			<figure><img class="aspect-square w-24 ml-2 rounded-md" src={img} alt="Movie" /></figure>
 			<div class="card-body p-3">