Merge branch 'all'

layers/templates/GrGallery01/index.vue

@@ -12,6 +12,9 @@ interface Props {
 
 const props = defineProps<Props>()
 
+const { locale } = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+
 const slideThumbnailRef = ref<any>(null)
 const playingSlideIndex = ref<number | null>(null)
 
@@ -61,6 +64,14 @@ const stopVideo = () => {
   playingSlideIndex.value = null
 }
 
+const onArrowClick = (direction, targetIndex) => {
+  const logTraking =
+    direction == 'prev'
+      ? getComponentGroupAry(props.components, 'arrow')?.groups[0]
+      : getComponentGroupAry(props.components, 'arrow')?.groups[1]
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
+}
+
 onMounted(() => {
   nextTick(() => {
     const mainInst = slideThumbnailRef.value?.mainInst
@@ -86,6 +97,7 @@ onMounted(() => {
         variant="media"
         :drag="false"
         class="mt-[24px] md:mt-[32px]"
+        @arrow-click="onArrowClick"
       >
         <SplideSlide
           v-for="(item, index) in slideData"