my-idlers/resources/views/components/modal-delete-script.blade.php

<script>
    window.addEventListener('load', function() {
        document.getElementById("confirmDeleteModal").classList.remove("d-none");
        let app = new Vue({
            el: "#app",
            data: {
                "modal_hostname": '',
                "modal_id": '',
                "delete_form_action": '',
                showModal: false
            },
            methods: {
                confirmDeleteModal(event) {
                    this.showModal = true;
                    this.modal_hostname = event.target.title;
                    this.modal_id = event.target.id;
                    this.delete_form_action = '{{$uri}}/' + this.modal_id;
                }
            }
        });
    })
</script>