scinote-web/app/javascript/vue/protocol/mixins/components/delete.js

export default {
  data() {
    return {
      confirmingDelete: false
    };
  },
  methods: {
    showDeleteModal(event) {
      event.stopPropagation();
      this.confirmingDelete = true;
    },
    closeDeleteModal() {
      this.confirmingDelete = false;
    },
    deleteComponent() {
      $.ajax({
        url: this.element.attributes.orderable.urls.delete_url,
        type: 'DELETE',
        success: (result) => {
          this.$emit(
            'component:delete',
            this.element.attributes.position
          );
        }
      });
    }
  }
};