fix. main 컴포넌트 변경, 수정된 api 구조에 맞춰 코드 수정

layers/templates/GrVisual01/index.vue

@@ -1,29 +1,9 @@
 <script setup lang="ts">
-import YouTubeModal from '#layers/components/blocks/modal/YouTube.vue'
-
 interface Props {
   components: Record<string, any>
 }
 
 const props = defineProps<Props>()
-
-// YouTube 모달 상태 관리
-const isYouTubeModalOpen = ref(false)
-const youtubeVideoId = ref('')
-
-// 비디오 플레이 버튼 클릭 핸들러
-const handleVideoPlayClick = () => {
-  // TODO: 실제 YouTube 비디오 ID를 설정해야 합니다
-  // 예시: 'dQw4w9WgXcQ' (Rick Astley - Never Gonna Give You Up)
-  youtubeVideoId.value = 'UKVsZYHxYTc' // 임시로 설정
-  isYouTubeModalOpen.value = true
-}
-
-// 모달 닫기 핸들러
-const handleCloseModal = () => {
-  isYouTubeModalOpen.value = false
-  youtubeVideoId.value = ''
-}
 </script>
 
 <template>
@@ -48,16 +28,7 @@ const handleCloseModal = () => {
       <WidgetsVideoPlay
         v-if="props.components.videoPlay"
         :component-data="props.components.videoPlay"
-        @click="handleVideoPlayClick"
       />
     </div>
   </section>
-
-  <!-- YouTube 모달 -->
-  <YouTubeModal
-    :is-open="isYouTubeModalOpen"
-    :youtube-id="youtubeVideoId"
-    @close="handleCloseModal"
-    @update:is-open="(value: boolean) => (isYouTubeModalOpen = value)"
-  />
 </template>