22 lines
563 B
Vue
22 lines
563 B
Vue
<script setup lang="ts">
|
|
import type { PageDataResourceGroup } from '#layers/types/api/pageData'
|
|
|
|
const props = defineProps<{ resourcesData: PageDataResourceGroup }>()
|
|
|
|
// YouTube 모달 스토어 사용
|
|
const modalStore = useModalStore()
|
|
|
|
// 비디오 플레이 버튼 클릭 핸들러
|
|
const handleVideoPlayClick = () => {
|
|
const youtubeUrl = props.resourcesData?.display?.text ?? ''
|
|
modalStore.handleOpenYoutube({ youtubeUrl })
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<AtomsButtonPlay
|
|
:resources-data="resourcesData"
|
|
@click="handleVideoPlayClick"
|
|
/>
|
|
</template>
|