fix. 프롭스 네이밍 통일

layers/components/widgets/BannerList.vue

@@ -4,7 +4,7 @@ import type { ListOperateGroupItem } from '#layers/types/api/resourcesData'
 import type { SlideItemSize } from '#layers/types/components/slide'
 
 interface BannerListProps {
-  slideItemList: ListOperateGroupItem[]
+  resourcesData: ListOperateGroupItem[]
   slideItemSize: SlideItemSize
   arrows?: boolean
   pagination?: boolean
@@ -17,7 +17,7 @@ const props = withDefaults(defineProps<BannerListProps>(), {
 })
 
 const isMultipleItems = computed(() => {
-  return props.slideItemList.length > 1
+  return props.resourcesData.length > 1
 })
 </script>
 
@@ -30,7 +30,7 @@ const isMultipleItems = computed(() => {
     class="mt-[36px] md:mt-[60px]"
   >
     <SplideSlide
-      v-for="(item, index) in props.slideItemList"
+      v-for="(item, index) in props.resourcesData"
       :key="index"
       class="splide-slide"
     >

layers/components/widgets/ButtonList.vue

@@ -2,18 +2,18 @@
 import type { PageDataResourceGroup } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  groupsData: PageDataResourceGroup[]
+  resourcesData: PageDataResourceGroup[]
   buttonType?: string
 }>()
 </script>
 
 <template>
   <div
-    v-if="props.groupsData"
+    v-if="props.resourcesData"
     class="flex flex-wrap justify-center gap-3 md:gap-4"
   >
     <AtomsButton
-      v-for="button in props.groupsData"
+      v-for="button in props.resourcesData"
       :key="button.group_code"
       :button-type="props.buttonType"
       class="size-extra-small md:size-medium"

layers/templates/GrVisual01/index.vue

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

layers/templates/GrVisual02/index.vue

@@ -90,15 +90,19 @@ const bannerSize = {
         :resources-data="descriptionData"
         class="w-[355px] md:w-[944px]"
       />
-      <WidgetsVideoPlay v-if="videoPlayData" :resources-data="videoPlayData" />
+      <WidgetsVideoPlay
+        v-if="videoPlayData"
+        :resources-data="videoPlayData"
+        :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
+      />
       <WidgetsButtonList
         v-if="buttonListData.length > 0"
-        :groups-data="buttonListData"
+        :resources-data="buttonListData"
         class="mt-[48px] md:mt-[72px]"
       />
       <WidgetsBannerList
         v-if="bannerListData.length > 0"
-        :slide-item-list="bannerListData"
+        :resources-data="bannerListData"
         :slide-item-size="bannerSize"
         :arrows="true"
         :pagination="false"

layers/templates/GrVisual03/index.vue

@@ -50,7 +50,7 @@ const props = defineProps<Props>()
           />
           <WidgetsButtonList
             v-if="hasComponentGroup(item, 'buttonList')"
-            :groups-data="getComponentGroupAry(item, 'buttonList')"
+            :resources-data="getComponentGroupAry(item, 'buttonList')"
           />
         </div>
       </SplideSlide>