From 7dcd02ab6e8fa7d6b5f39514250a24a678e54168 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 2 Dec 2025 11:08:57 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20[PWT-157]=20=EA=B3=B5=EC=8B=9D=20?=
 =?UTF-8?q?=EC=98=81=EC=83=81=20>=20=EC=B6=94=EC=B3=94=20=EC=98=81?=
 =?UTF-8?q?=EC=83=81=20=EC=BB=A8=ED=85=90=EC=B8=A0=201=EA=B0=9C=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=EC=97=90=EC=84=9C=20=EC=9D=B8=EB=94=94?=
 =?UTF-8?q?=EC=BC=80=EC=9D=B4=ED=84=B0=20=EB=85=B8=EC=B6=9C=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/templates/FxVideo01/index.vue | 55 ++++++++++++++--------------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/layers/templates/FxVideo01/index.vue b/layers/templates/FxVideo01/index.vue
index 85fa956..c5a61a9 100644
--- a/layers/templates/FxVideo01/index.vue
+++ b/layers/templates/FxVideo01/index.vue
@@ -145,40 +145,39 @@ const handleLoadMoreRecent = () => {
           :drag="false"
           @move="handleSplideMove"
         >
-          <template
+          <SplideSlide
             v-for="(item, index) in recommendedVideos"
             :key="`recommended-${item.url}-${index}`"
+            @click="handleVideoClick(item.url)"
           >
-            <SplideSlide @click="handleVideoClick(item.url)">
-              <div
-                class="overflow-hidden aspect-[16/9] flex-shrink-0 w-full rounded-[4px] sm:w-[60.3%] sm:rounded-[8px] md:w-[56%] lg:w-[710px] lg:rounded-[12px]"
+            <div
+              class="overflow-hidden aspect-[16/9] flex-shrink-0 w-full rounded-[4px] sm:w-[60.3%] sm:rounded-[8px] md:w-[56%] lg:w-[710px] lg:rounded-[12px]"
+            >
+              <img
+                :src="getYouTubeThumbnail(item.url, 'maxres')"
+                :alt="item.title || 'Video thumbnail'"
+                loading="lazy"
+                decoding="async"
+                class="w-full h-full object-cover"
+              />
+            </div>
+            <div
+              class="w-full mx-[8px] pb-[20px] border-b border-[rgba(0,0,0,0.08)] sm:mx-[0] sm:pt-[12px] sm:pr-[16px] sm:pb-[0] sm:border-none md:pt-[20px] md:pr-[28px] lg:pt-[40px] lg:pr-[48px]"
+            >
+              <h4
+                class="h-[52px] text-[18px] font-[700] leading-[26px] tracking-[-0.54px] text-[#1F1F1F] line-clamp-2 sm:h-[auto] sm:text-[20px] sm:leading-[30px] sm:tracking-[-0.6px] sm:line-clamp-3 md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
               >
-                <img
-                  :src="getYouTubeThumbnail(item.url, 'maxres')"
-                  :alt="item.title || 'Video thumbnail'"
-                  loading="lazy"
-                  decoding="async"
-                  class="w-full h-full object-cover"
-                />
-              </div>
-              <div
-                class="w-full mx-[8px] pb-[20px] border-b border-[rgba(0,0,0,0.08)] sm:mx-[0] sm:pt-[12px] sm:pr-[16px] sm:pb-[0] sm:border-none md:pt-[20px] md:pr-[28px] lg:pt-[40px] lg:pr-[48px]"
+                {{ item.title || '' }}
+              </h4>
+              <p
+                class="mt-2 text-[14px] leading-[24px] tracking-[-0.42px] text-[#999] sm:mt-3.5 md:mt-4 md:text-[18px] md:font-[500] md:leading-[26px] md:tracking-[-0.54px] lg:mt-5 lg:text-[20px] lg:leading-[30px] lg:tracking-[-0.6px]"
               >
-                <h4
-                  class="h-[52px] text-[18px] font-[700] leading-[26px] tracking-[-0.54px] text-[#1F1F1F] line-clamp-2 sm:h-[auto] sm:text-[20px] sm:leading-[30px] sm:tracking-[-0.6px] sm:line-clamp-3 md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
-                >
-                  {{ item.title || '' }}
-                </h4>
-                <p
-                  class="mt-2 text-[14px] leading-[24px] tracking-[-0.42px] text-[#999] sm:mt-3.5 md:mt-4 md:text-[18px] md:font-[500] md:leading-[26px] md:tracking-[-0.54px] lg:mt-5 lg:text-[20px] lg:leading-[30px] lg:tracking-[-0.6px]"
-                >
-                  {{ globalDateFormat(item.reg_dt, locale) }}
-                </p>
-              </div>
-            </SplideSlide>
-          </template>
+                {{ globalDateFormat(item.reg_dt, locale) }}
+              </p>
+            </div>
+          </SplideSlide>
         </BlocksSlideFade>
-        <div class="splide-pagination">
+        <div v-if="recommendedVideos.length > 1" class="splide-pagination">
           <span class="font-[700] text-[#1F1F1F]">
             {{ currentRecommendedIndex }}
           </span>