scinote-web/app/javascript/vue/shared/modal_mixin.js

export default {
  mounted() {
    $(this.$refs.modal).modal('show');
    $(this.$refs.modal).on('hidden.bs.modal', () => {
      this.$emit('close');
    });
  },
  beforeUnmount() {
    $(this.$refs.modal).modal('hide');
  },
  methods: {
    close() {
      this.$emit('close');
      $(this.$refs.modal).modal('hide');
    }
  },
}