From cb28973ee1d8ee5329df781eb2911dd49da6c2f2 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 4 Dec 2025 17:04:05 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=8D=B8=EB=84=A4=EC=9D=BC=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC=20=EB=AF=B8=EB=85=B8=EC=B6=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/slide/Thumbnail.vue |  9 +++------
 layers/stores/useLoadingStore.ts             | 15 +++------------
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index e961d95..74d38b5 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -204,13 +204,10 @@ onBeforeUnmount(() => {
 .thumbnail-slide.is-active::after {
   @apply border-[var(--pagination-active)];
 }
-.thumbnail-slide:hover img,
 .thumbnail-slide:hover picture,
-.thumbnail-slide.is-active img,
 .thumbnail-slide.is-active picture {
   @apply opacity-100;
 }
-.thumbnail-slide img,
 .thumbnail-slide picture {
   @apply opacity-50 transition-opacity duration-200 ease-in-out;
 }
@@ -234,11 +231,11 @@ onBeforeUnmount(() => {
   @apply aspect-[1/1] w-[8px] md:w-[80px] backdrop-blur-[15px]
   after:hidden md:after:block;
 }
-.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img,
-.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active img {
+.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover picture,
+.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active picture {
   @apply md:grayscale-0;
 }
-.thumbnail-carousel.thumbnail-default .thumbnail-slide img {
+.thumbnail-carousel.thumbnail-default .thumbnail-slide picture {
   @apply hidden md:block md:grayscale;
 }
 
diff --git a/layers/stores/useLoadingStore.ts b/layers/stores/useLoadingStore.ts
index 338b1f7..99dcae4 100644
--- a/layers/stores/useLoadingStore.ts
+++ b/layers/stores/useLoadingStore.ts
@@ -9,23 +9,15 @@ export const useLoadingStore = defineStore('loadingStore', () => {
   const localLoadings = ref<Record<string, { active: boolean }>>({})
   const apiLoadingTimeoutId = ref<ReturnType<typeof setTimeout> | null>(null)
 
-  /**
-   * 로딩 상태 초기화
-   */
-  const initializeStore = () => {
-
-    localLoadings.value = {}
-    hasApiCallStarted.value = false
-    isPAssApiLoading.value = false
-  }
-
   /**
    * Full 로딩
    */
   const startFullLoading = () => {
-    initializeStore()
+    hasApiCallStarted.value = false
+    isPAssApiLoading.value = false
     fullLoading.value = true
   }
+
   const startApiLoading = () => {
     hasApiCallStarted.value = true
     isPAssApiLoading.value = false
@@ -76,7 +68,6 @@ export const useLoadingStore = defineStore('loadingStore', () => {
 
     startApiLoading,
     finishApiLoading,
-    initializeStore,
     startFullLoading,
     stopFullLoading,
     startLocalLoading,