test cards

src/components/cards/MediaCard.vue

@@ -9,11 +9,8 @@ const props = defineProps({
 </script>
 
 <template>
-  <VHover>
-  <template v-slot="{ isHovering }">
   <VCard
     class="card-img-overlay"
-      :class="isHovering ? 'bg-opacity-50' : ''"
   >
     <VImg
       aspect-ratio="2/1"
@@ -52,8 +49,6 @@ const props = defineProps({
       </VCardText>
     </VImg>
   </VCard>
-  </template>
-  </VHover>
 </template>
 
 <style type="scss">

src/views/discover/MediaCardSlideView.vue

@@ -34,15 +34,16 @@ onMounted(fetchData);
   >
     <VSlideGroupItem v-for="data in dataList" 
       :key="data.tmdb_id"
-      v-slot="{ isSelected, toggle }"
     >
+      <template v-slot="{ isSelected, toggle }" >
         <MediaCard
           :media="data" 
           @click="toggle"
-        class="mx-1 media-slide-card" 
+          class="mx-2 media-slide-card" 
           :color="isSelected ? 'primary' : 'grey-lighten-1'"
         >
         </MediaCard>
+      </template>
     </VSlideGroupItem>
   </VSlideGroup>
 </template>