From 667b1a44458b1dea96066917bfd4289f99e96f90 Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 27 Oct 2022 10:36:13 +0100
Subject: [PATCH] Use isShort field to check if short.

Instead of checking the video duration.
---
 src/components/VideoItem.vue | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index d71cd724..b099d06b 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -14,7 +14,7 @@
                 class="w-full"
                 :src="video.thumbnail"
                 :alt="video.title"
-                :class="{ 'shorts-img': short }"
+                :class="{ 'shorts-img': video.isShort }"
                 loading="lazy"
             />
             <div class="relative text-sm">
@@ -24,7 +24,7 @@
                     v-text="timeFormat(video.duration)"
                 />
                 <!-- shorts thumbnail -->
-                <span class="thumbnail-overlay thumbnail-left" v-if="short" v-t="'video.shorts'" />
+                <span class="thumbnail-overlay thumbnail-left" v-if="video.isShort" v-t="'video.shorts'" />
                 <span
                     class="thumbnail-overlay thumbnail-right"
                     v-else-if="video.duration >= 60"
@@ -184,11 +184,6 @@ export default {
             };
         },
     },
-    computed: {
-        short() {
-            return this.video.duration > 0 && this.video.duration <= 61;
-        },
-    },
     components: { PlaylistAddModal },
 };
 </script>