feat. GR_DETAIL_01 템플릿 제작

layers/templates/GrVisual03/index.vue

@@ -13,20 +13,21 @@ interface Props {
 }
 
 const props = defineProps<Props>()
+
+const slideData = computed(() => {
+  return getComponentContainer(props.components, 'group_sets')
+})
 </script>
 
 <template>
   <section class="section-container">
     <BlocksSlideFade
-      v-if="props.components?.group_sets"
+      v-if="slideData"
       :arrows="true"
       :pagination="true"
       class="h-full"
     >
-      <SplideSlide
-        v-for="(item, index) in props.components.group_sets"
-        :key="index"
-      >
+      <SplideSlide v-for="(item, index) in slideData" :key="index">
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"