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

layers/templates/GrVisual03/index.vue

@@ -6,6 +6,7 @@ import {
   getComponentGroup,
   hasComponentGroup,
 } from '#layers/utils/dataUtil'
+import { getPaginationClass } from '#layers/utils/styleUtil'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 
 interface Props {
@@ -21,6 +22,9 @@ const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 const slideData = computed(() => {
   return getComponentContainer(props.components, 'group_sets')
 })
+const paginationData = computed(() => {
+  return getComponentGroupAry(props.components, 'pagination')
+})
 
 const onArrowClick = direction => {
   const arrowGroupAry = getComponentGroupAry(props.components, 'arrow')
@@ -36,6 +40,7 @@ const onArrowClick = direction => {
       :arrows="true"
       :pagination="true"
       class="h-full"
+      :pagination-data="paginationData"
       @arrow-click="onArrowClick"
     >
       <SplideSlide v-for="(item, index) in slideData" :key="index">
@@ -57,7 +62,6 @@ const onArrowClick = direction => {
           <WidgetsDescription
             v-if="hasComponentGroup(item, 'description')"
             :resources-data="getComponentGroup(item, 'description')"
-            class="description-lg"
           />
           <WidgetsButtonList
             v-if="hasComponentGroup(item, 'buttonList')"