모달창 닫는 버튼 오류

<template>
    <div class="black-bg" v-if="modal == true">
        <div class="white-bg">
            
            <h4>{{ onerooms[clickOneroom].title }}</h4>
            <p>{{ onerooms[clickOneroom].content }}</p>
            <p>{{ onerooms[clickOneroom].price }}원</p>
            <Discount/>
            <button @click="$emit(closeModal)">닫기</button>
        </div>
  </div>
</template>

<script>
    export default {
        name : 'Modal',
        props : {
            clickOneroom : Number,
            onerooms : Array,
            modal : Boolean
        }
    }
</script>

<style>

</style>
Modal.vue는 이렇게 작성하였고

App.vue에

  <Modal @closeModal="modal = false" :clickOneroom="clickOneroom" :onerooms="onerooms" :modal="modal" />

이렇게 작성하였습니다. 근데

이런 오류가 뜹니다 ㅠㅠ 어떻게 해야하나요??