fix. 페이지네이션 스타일 적용

layers/components/blocks/slide/Fade.vue

@@ -1,12 +1,15 @@
 <script setup lang="ts">
 import { Splide } from '@splidejs/vue-splide'
-import type { Splide as SplideType, ResponsiveOptions } from '@splidejs/splide'
 import { useSplideArrow } from '#layers/composables/useSplideArrow'
+import { getPaginationClass } from '#layers/utils/styleUtil'
+import type { Splide as SplideType, ResponsiveOptions } from '@splidejs/splide'
+import type { PageDataResourceGroups } from '#layers/types/api/pageData'
 
 interface Props {
   autoplay?: boolean | string
   arrows?: boolean
   pagination?: boolean
+  paginationData?: PageDataResourceGroups
   class?: string
 }
 
@@ -52,7 +55,6 @@ defineExpose({
 
 const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
-  splide.refresh()
 
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
@@ -77,6 +79,7 @@ const handleMove = (
     ref="splideRef"
     :options="options"
     class="h-full"
+    :style="getPaginationClass(props.paginationData)"
     @splide:mounted="handleSplideMounted"
     @splide:move="handleMove"
   >

layers/components/blocks/slide/Thumbnail.vue

@@ -137,7 +137,7 @@ onBeforeUnmount(() => {
       ref="thumbsRef"
       :options="thumbOptions"
       class="thumbnail-splide"
-      :style="getPaginationClass(paginationData, { type: 'thumbnail' })"
+      :style="getPaginationClass(paginationData)"
     >
       <SplideSlide
         v-for="(item, index) in props.slideData"