From 7c1dec940159b151af6cd76ac9f97c9aec4a79d3 Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Tue, 28 Jan 2025 16:39:13 +1100
Subject: [PATCH] fix: store style & library game page

---
 pages/library/game/[id]/index.vue | 12 ++++++------
 pages/store/index.vue             | 18 ++++++++++--------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/pages/library/game/[id]/index.vue b/pages/library/game/[id]/index.vue
index e0cf103..794bff6 100644
--- a/pages/library/game/[id]/index.vue
+++ b/pages/library/game/[id]/index.vue
@@ -79,19 +79,19 @@ import {
 import { type Game, type GameVersion, type Collection } from "@prisma/client";
 
 const route = useRoute();
-const headers = useRequestHeaders(["cookie"]);
-const { data: gamesData } = await useFetch<
-  (Game & { versions: GameVersion[] })[]
->("/api/v1/store/recent", { headers });
 
 const collections = await useCollections();
-const game = collections.value
+const library = await useLibrary();
+const game = [...collections.value, library.value]
   .map((e) => e.entries.map((e) => e.game))
   .flat()
   .find((e) => e.id == route.params.id);
 
 if (game === undefined)
-  throw createError({ statusCode: 404, statusMessage: "Game not found" });
+  throw createError({
+    statusCode: 404,
+    statusMessage: JSON.stringify(collections.value),
+  });
 </script>
 
 <style scoped>
diff --git a/pages/store/index.vue b/pages/store/index.vue
index feb2eb8..52121cc 100644
--- a/pages/store/index.vue
+++ b/pages/store/index.vue
@@ -30,16 +30,18 @@
               >
                 {{ game.mName }}
               </h2>
-              <p class="mt-3 text-lg text-zinc-300 line-clamp-2">
+              <p class="mt-3 text-lg text-zinc-300 line-clamp-2 max-w-xl">
                 {{ game.mShortDescription }}
               </p>
-              <div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-4">
-                <NuxtLink
-                  :href="`/store/${game.id}`"
-                  class="block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto"
-                  >Check it out</NuxtLink
-                >
-                <AddLibraryButton :gameId="game.id" />
+              <div>
+                <div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-4 w-fit mx-auto">
+                  <NuxtLink
+                    :href="`/store/${game.id}`"
+                    class="block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto"
+                    >Check it out</NuxtLink
+                  >
+                  <AddLibraryButton :gameId="game.id" />
+                </div>
               </div>
             </div>
           </div>