feat. 페이지 분석 로그 데이터 기능 추가 및 컴포넌트 수정

layers/templates/GrGallery02/index.vue

@@ -85,6 +85,7 @@ const handleChange = (
       <WidgetsButtonList
         v-if="buttonListData"
         :resources-data="buttonListData"
+        :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
         class="mt-[40px] md:mt-[56px]"
       />
     </div>

layers/templates/GrGallery03/index.vue

@@ -102,6 +102,7 @@ const handleChange = (
       <WidgetsButtonList
         v-if="buttonListData"
         :resources-data="buttonListData"
+        :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
         class="mt-[32px]"
       />
     </div>

layers/templates/GrVisual01/index.vue

@@ -43,17 +43,22 @@ const buttonListData = computed(() =>
         :resources-data="descriptionData"
         class="w-[355px] md:w-[944px]"
       />
-      <WidgetsVideoPlay
-        v-if="videoPlayData"
-        :resources-data="videoPlayData"
-        :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
-      />
-      <WidgetsButtonList
-        v-if="buttonListData.length > 0"
-        :resources-data="buttonListData"
-        button-type="market"
-        class="mt-[22px] md:mt-[52px]"
-      />
+      <client-only>
+        <WidgetsVideoPlay
+          v-if="videoPlayData"
+          :resources-data="videoPlayData"
+          :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
+        />
+      </client-only>
+      <client-only>
+        <WidgetsButtonList
+          v-if="buttonListData.length > 0"
+          :resources-data="buttonListData"
+          :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
+          button-type="market"
+          class="mt-[22px] md:mt-[52px]"
+        />
+      </client-only>
     </div>
   </section>
 </template>

layers/templates/GrVisual02/index.vue

@@ -105,6 +105,7 @@ const slideItemSize = {
       <WidgetsButtonList
         v-if="buttonListData.length > 0"
         :resources-data="buttonListData"
+        :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
         class="mt-[48px] md:mt-[72px]"
       />
       <BlocksSlideCenterHighlight

layers/templates/GrVisual03/index.vue

@@ -49,6 +49,7 @@ const props = defineProps<Props>()
           <WidgetsButtonList
             v-if="hasComponentGroup(item, 'buttonList')"
             :resources-data="getComponentGroupAry(item, 'buttonList')"
+            :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
             class="mt-[28px] md:mt-[52px]"
           />
         </div>