From 7d4849e62e1ec9ca55ef597d9b339b5b69781f6d Mon Sep 17 00:00:00 2001
From: Brandon Winger-Air <brandonwinger-air@outlook.com>
Date: Wed, 17 Jan 2024 19:55:39 -0500
Subject: [PATCH] update render conditions for empty search term

---
 pages/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 62d12f7..e18ce60 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -31,14 +31,14 @@
 
       <div class="z-0 self-center pt-10">
         <div 
-          v-if="showResults" 
+          v-if="showResults && data?.results[0]" 
           class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-10 gap-y-10 mb-10"
         >
           <div v-for="game in data?.results">
             <GameCard :game="game"></GameCard>
           </div>
         </div>
-        <div v-if="!showResults" class="mb-10 text-center">
+        <div v-else class="mb-10 text-center">
           <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-10 gap-y-10 mb-10">
             <img src="/254x356-gamepad.png" alt="">
             <img src="/254x356-gamepad.png" alt="">