fix. 임시 데이터 맞춰 수정

layers/components/templates/VideoPlay.vue

@@ -1,26 +1,26 @@
 <script setup lang="ts">
-import {
-  getResponsiveResolvedSrc,
-  getResponsiveClass,
-} from "#layers/utils/dataUtil";
+import { getResponsiveSrc, getResponsiveClass } from "#layers/utils/dataUtil";
 import type { PageDataComponent } from "#layers/types/api/pageData";
 
 const props = defineProps<{ componentData: PageDataComponent }>();
 
-const assetPath = computed(() => {
-  // [TODO] 이미지 그룹 여러개 처리
-  // [TODO] comm 처리
-  return props.componentData?.resources[0]["groups"][0]?.img_path?.comm;
+const resources = computed(() => {
+  return props.componentData?.resources;
 });
 
-console.log("assetPath:", props.componentData);
+const imageSrc = getResponsiveSrc({
+  resources: resources.value,
+  type: "bg",
+
+  test: "test",
+});
 </script>
 
 <template>
   <button
     class="bg-cover bg-center bg-no-repeat w-[66px] h-[66px] lg:w-[100px] lg:h-[100px]"
     :class="getResponsiveClass()"
-    :style="getResponsiveResolvedSrc(assetPath, 'bg')"
+    :style="imageSrc"
   >
     <span class="sr-only">videoPlay</span>
   </button>