fix. Splide 최적화

layers/components/atoms/Img.vue

@@ -3,11 +3,13 @@ interface Props {
   src: string | { pc?: string; mo?: string }
   alt?: string
   imageType?: 'common' | 'game'
+  priority?: 'high' | 'low' | 'auto'
 }
 
 const props = withDefaults(defineProps<Props>(), {
   alt: 'image',
   imageType: 'game',
+  priority: 'auto',
 })
 
 const isResponsiveMode = computed(() => {
@@ -45,9 +47,9 @@ const imagePaths = computed(() => {
       :src="imagePaths.pc"
       :alt="alt"
       v-bind="$attrs"
-      loading="lazy"
+      :loading="priority === 'high' ? 'eager' : 'lazy'"
       decoding="async"
-      fetchpriority="auto"
+      :fetchpriority="priority"
     />
   </picture>
 
@@ -56,8 +58,8 @@ const imagePaths = computed(() => {
     :src="imagePaths.mo"
     :alt="alt"
     v-bind="$attrs"
-    loading="lazy"
+    :loading="priority === 'high' ? 'eager' : 'lazy'"
     decoding="async"
-    fetchpriority="auto"
+    :fetchpriority="priority"
   />
 </template>

layers/components/widgets/slide/Fade.vue

@@ -45,6 +45,7 @@ const options = computed((): ResponsiveOptions => {
     arrows: props.arrows,
     pagination: props.pagination,
     flickPower: 300,
+    lazyLoad: 'nearby',
     classes: {
       pagination: 'splide-pagination-bullets type-full',
       page: 'splide-pagination-bullet',

layers/components/widgets/slide/Thumbnail.vue

@@ -51,6 +51,8 @@ const mainOptions = computed<Options>(() => ({
   arrows: false,
   pagination: false,
   drag: props.drag,
+  updateOnMove: true,
+  lazyLoad: 'nearby', // 성능 최적화: 이미지 지연 로딩
 }))
 
 const thumbOptions = computed<Options>(() => ({