I'm new in VueJS I start creating a modal from scratch and i would like to know how can i add Close modal functionality (I would like to use the modal as a component )

This is my code :

<template>
    <div class="rightbar shadow-sm">
        <header class="px-3">
            <h5 class="rightbar-title">Modal Title</h5>
            <button>click to close</button>
        </header>
        <div class="rightbar-body p-3">
            
        </div>
    </div>
</template>
<script>

export default {
    data() {
        return {
           
        }
    },
    methods:{
        
    }
};
</script>

I would like to click on the close button to close the modal