feat: 슬라이드 화살표 클릭 로그 추가 및 관련 로직 개선

layers/templates/GrGallery03/index.vue

@@ -60,6 +60,12 @@ const handleChange = (
     'buttonList'
   )
 }
+const {locale} = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+const onArrowClick = (direction, targetIndex) => {
+  const logTraking = direction == 'prev' ? props.components.arrow.groups[0] : props.components.arrow.groups[1];
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
+}
 </script>
 
 <template>
@@ -78,6 +84,7 @@ const handleChange = (
         :pagination="false"
         class="mt-[24px] md:mt-[48px]"
         @move="handleChange"
+        @arrow-click="onArrowClick"
       >
         <SplideSlide v-for="(item, index) in slideData" :key="index">
           <div class="slide-inner border-line">

layers/templates/GrVisual02/index.vue

@@ -71,6 +71,14 @@ const slideItemSize = {
     gap: 32,
   },
 }
+const {locale} = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+const onArrowClick = (direction, targetIndex) => {
+  const logTraking = direction == 'prev' ? props.components.arrow.groups[0] : props.components.arrow.groups[1];
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
+}
+
+console.log('resourcesData.value===', resourcesData.value)
 </script>
 
 <template>
@@ -96,6 +104,7 @@ const slideItemSize = {
         :resources-data="videoPlayData"
         :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
       />
+
       <WidgetsButtonList
         v-if="buttonListData.length > 0"
         :resources-data="buttonListData"
@@ -108,6 +117,7 @@ const slideItemSize = {
         :slide-item-length="slideData?.length"
         :pagination="false"
         class="mt-[36px] md:mt-[60px]"
+        @arrow-click="onArrowClick"
       >
         <SplideSlide v-for="(item, index) in slideData" :key="index">
           <BlocksCardNews