Vue.component('modal', {
  template: `
      <div class="modal is-active">
        <div class="modal-background"></div>
        <div class="modal-content">
          <div class="box">
            <slot></slot>
          </div>
        </div>
        <button class="modal-close" @click="$emit('close')"></button>
      </div>
  `,
});

const app = new Vue({
  el: '#root',
  data: {
    showModal: false,
  },
});