From 38c5c7a93b9f33b3abacb8dd4b43e19df5bb26bc Mon Sep 17 00:00:00 2001
From: Huskydog9988 <39809509+Huskydog9988@users.noreply.github.com>
Date: Mon, 7 Apr 2025 16:57:44 -0400
Subject: [PATCH] fix: gamecarousel not resizing

---
 server/components/GameCarousel.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/server/components/GameCarousel.vue b/server/components/GameCarousel.vue
index 9338d8a3..3cbe2267 100644
--- a/server/components/GameCarousel.vue
+++ b/server/components/GameCarousel.vue
@@ -37,13 +37,22 @@ const games: Ref<Array<SerializeObject<Game> | undefined>> = computed(() =>
     .map((_, i) => props.items[i])
 );
 
-const singlePage = ref(1);
+const singlePage = ref(2);
 const sizeOfCard = 192 + 10;
 
-onMounted(() => {
+const handleResize = () => {
   singlePage.value =
     (props.width ??
       currentComponent.value?.parentElement?.clientWidth ??
       window.innerWidth) / sizeOfCard;
+};
+
+onMounted(() => {
+  handleResize();
+  window.addEventListener("resize", handleResize);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", handleResize);
 });
 </script>