fix. 컴포넌트 dataUtil 통일

layers/components/blocks/CardNews.vue

@@ -10,28 +10,25 @@ interface Props {
 }
 
 const props = defineProps<Props>()
-const {locale} = useI18n()
+const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
-const handleLinkClick = (title) => {
+const handleLinkClick = (title: string) => {
   const trackingData = {
     tracking: {
       click_item: title,
       action_type: 'click',
-      click_sarea: ''
-    }
+      click_sarea: '',
+    },
   }
   sendLog(locale.value, useAnalyticsLogDataDirect(trackingData, 1))
 }
-
-
 </script>
 
 <template>
   <div
     v-if="props.title || props.description"
     :class="`card-news ${props.class || ''}`"
-    @click="handleLinkClick(props.title)"
   >
     <img
       :src="props.imgPath"
@@ -52,6 +49,7 @@ const handleLinkClick = (title) => {
       :href="props.url"
       :target="props.linkTarget"
       class="card-link"
+      @click="handleLinkClick(props.title)"
     />
   </div>
 </template>

layers/components/blocks/slide/CenterFocus.vue

@@ -34,7 +34,7 @@ const options = computed((): ResponsiveOptions => {
     focus: 'center',
     autoWidth: true,
     autoHeight: true,
-    speed: 400,
+    speed: 500,
     updateOnMove: true,
     arrows: props.arrows && isMultipleItems.value,
     pagination: props.pagination && isMultipleItems.value,
@@ -86,7 +86,7 @@ const style = computed(() => {
 const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
   splide.refresh()
-  
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -103,18 +103,6 @@ const handleMove = (
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
 }
-
-const handleMoved = (
-  splide: SplideType,
-  newIndex: number,
-  oldIndex: number,
-  destIndex: number
-) => {
-  emit('moved', splide, newIndex, oldIndex, destIndex)
-}
-
-
-
 </script>
 
 <template>
@@ -123,7 +111,6 @@ const handleMoved = (
       :options="options"
       @splide:mounted="handleSplideMounted"
       @splide:move="handleMove"
-      @splide:moved="handleMoved"
     >
       <slot />
     </Splide>

layers/components/blocks/slide/CenterHighlight.vue

@@ -33,7 +33,7 @@ const options = computed((): ResponsiveOptions => {
     focus: 'center',
     autoWidth: true,
     autoHeight: true,
-    speed: 400,
+    speed: 500,
     updateOnMove: true,
     arrows: props.arrows && isMultipleItems.value,
     pagination: props.pagination && isMultipleItems.value,
@@ -88,7 +88,7 @@ const style = computed(() => {
 const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
   splide.refresh()
-  
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {

layers/components/blocks/slide/Fade.vue

@@ -28,7 +28,7 @@ const options = computed((): ResponsiveOptions => {
     rewind: true,
     perPage: 1,
     perMove: 1,
-    speed: 600,
+    speed: 500,
     updateOnMove: true,
     autoplay: props.autoplay,
     pauseOnHover: false,

layers/components/blocks/slide/Thumbnail.vue

@@ -42,7 +42,7 @@ const mainOptions = computed<Options>(() => ({
   rewind: true,
   perPage: 1,
   perMove: 1,
-  speed: 600,
+  speed: 500,
   arrows: false,
   pagination: false,
   drag: props.drag,

layers/components/widgets/ButtonList.vue

@@ -13,6 +13,9 @@ interface ButtonListProps {
 const props = defineProps<ButtonListProps>()
 
 const { gameData } = useGameDataStore()
+const { locale } = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+
 const BUTTON_TYPE_MAP = {
   URL: {
     _self: 'internal' as const,
@@ -54,11 +57,14 @@ const getButtonBackgroundImage = (
   return ''
 }
 
-const { locale } = useI18n()
-const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
-
-const handleButtonClick = (btnInfo: PageDataResourceGroupBtnInfo, index: any) => {
-  sendLog(locale.value, useAnalyticsLogDataDirect(props.resourcesData[index], props.pageVerTmplSeq))
+const handleButtonClick = (
+  btnInfo: PageDataResourceGroupBtnInfo,
+  index: any
+) => {
+  sendLog(
+    locale.value,
+    useAnalyticsLogDataDirect(props.resourcesData[index], props.pageVerTmplSeq)
+  )
 
   const marketType = btnInfo?.detail?.market_type
   if (marketType) {
@@ -100,7 +106,7 @@ const handleButtonClick = (btnInfo: PageDataResourceGroupBtnInfo, index: any) =>
       }"
       @click="handleButtonClick(button.btn_info, index)"
     >
-    {{ button.btn_info?.txt_btn_name }}
+      {{ button.btn_info?.txt_btn_name }}
     </AtomsButton>
   </div>
 </template>

layers/components/widgets/VideoPlay.vue

@@ -6,19 +6,19 @@ const props = defineProps<{
   pageVerTmplSeq: number
 }>()
 
-// YouTube 모달 스토어 사용
 const modalStore = useModalStore()
-
-const {locale} = useI18n()
+const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
-
 // 비디오 플레이 버튼 클릭 핸들러
 const handleVideoPlayClick = () => {
   const youtubeUrl = props.resourcesData?.display?.text ?? ''
   modalStore.handleOpenYoutube({ youtubeUrl })
 
-  sendLog(locale.value, useAnalyticsLogDataDirect(props.resourcesData, props.pageVerTmplSeq))
+  sendLog(
+    locale.value,
+    useAnalyticsLogDataDirect(props.resourcesData, props.pageVerTmplSeq)
+  )
 }
 </script>