Delete.vue

<template>
  <b-button class="coscine_delete" @click="deleteItem">{{ btnText }}</b-button> 
</template>

<script lang="ts">
import Vue from 'vue';
import BootstrapVue from 'bootstrap-vue';
Vue.use(BootstrapVue);

export default Vue.extend({
  name: 'CoscineDelete',
  props: {
    btnText: {
      default: 'Delete',
      type: String,
    },
  },
  methods: {
    deleteItem() {
      this.$emit('delete');
    },
  },
});
</script>
<style scoped>
.coscine_delete:hover {
  /*background-color: #9b0517; */
  background-color: #cc071e;
  border-color: #8e0515;
  color: #ffffff;
}
</style>