From 64361aeec8129b051f9c888392d01431a9d24c80 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 12 Jun 2024 01:21:14 +0300
Subject: [PATCH] Cleanup cache

---
 apps/showcase/components/landing/HeroSection.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/showcase/components/landing/HeroSection.vue b/apps/showcase/components/landing/HeroSection.vue
index 960b65ff8..2ae62afd4 100644
--- a/apps/showcase/components/landing/HeroSection.vue
+++ b/apps/showcase/components/landing/HeroSection.vue
@@ -25,7 +25,9 @@
             </SelectButton>
         </div>
         <div class="bg-surface-0 border border-black/10 dark:border-white/20 dark:bg-surface-950 w-full rounded-3xl p-0 flex lg:hidden items-start gap-6 overflow-hidden">
-            <img :src="selectedSampleOption.src + (isDark() ? '-dark.jpg' : '.jpg')" class="w-full" alt="Hero" />
+            <template v-for="sampleOption of sampleOptions" :key="sampleOption.title">
+                <img v-if="selectedSampleOption.title === sampleOption.title" :src="sampleOption.src + (isDark() ? '-dark.jpg' : '.jpg')" class="w-full" />
+            </template>
         </div>
         <div class="bg-surface-0 border border-black/10 dark:border-white/20 dark:bg-surface-950 w-full h-[85vh] max-h-[1040px] rounded-3xl p-6 hidden lg:flex lg:mt-20 items-start gap-6 overflow-hidden">
             <div :class="isSlimMenu ? 'w-auto' : 'w-72'" class="rounded-2xl p-5 bg-surface-50 dark:bg-surface-900 h-full flex flex-col justify-between">