I Promise a Modal

PromisableBootstrapModal.vue

<template>
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ title }}</h5>
                </div>
                <div class="modal-body">
                    <p>{{ message }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" @click="cancel">No</button>
                    <button type="button" class="btn btn-primary" @click="ok">Yes</button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import $ from 'jquery'

export default {
    name: "PromisableBootstrapModal",
    props: {
        title: { required: true },
        message: { required: true }
    },
    data: () => ({
        resolve: null
    }),
    methods: {
        showModal() {
            $(this.$el).modal('show');
            return new Promise((res) => { this.resolve = res; })
        },
        cancel() {
            $(this.$el).modal('hide');
            this.resolve(false);
        },
        ok() {
            $(this.$el).modal('hide');
            this.resolve(true);
        }
    },
    beforeDestroy() {
        $(this.$el).modal('dispose')
    },
    mounted() {
        $(this.$el).modal({
            backdrop: false,
            focus: false,
            show: false,
            keyboard: false
        })
    }
}
</script>

PromisableBootstrapModalEntry.vue

<template>
  <confirm-modal title="Are you sure?" message="Are you sure for this?" ref="confirmModal"/>
</template>

<script>
import ConfirmModal from './PromisableBootstrapModal'

export default {
  name: 'App',
  components: { ConfirmModal },
  async mounted() {
    const { confirmModal } = this.$refs;
    const result = await confirmModal.showModal();
    console.log(result);
  }
}
</script>