JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2"></script>
<button id="click">
Show
</button>

JavaScript

Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})

showModal = function () {
  vue = new Vue({
    el: '#modal',
    beforeCreate:  swal({
      titleText: "Hi",
      html: '<div id="modal"><my-component></my-component></div>'
    })
  })
 }


document.getElementById("click").addEventListener("click", showModal);