text: export default Vue.extend({
      props: ['data'],
  
      data() {
          return {
              recordsCount: this.data.length,
              items: this.data
          };
      },
  
      computed: {
          records: {
              get: function () {
                  return this.recordsCount
              },
              set: function () {
                  if (this.recordsCount !== 0) {
                      return this.records = true;
                  }
                  return this.records = false;
              }
          }
      },
  
      methods: {
          add(item) {
              this.items.push(item);
              this.$emit('reset');
              this.recordsCount += 1
          },
  
          remove(index) {
              this.items.splice(index, 1);
              this.recordsCount -= 1
  
              const Toast = Vue.swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 2500,
                timerProgressBar: true,
                onOpen: (toast) => {
                  toast.addEventListener('mouseenter', Vue.swal.stopTimer)
                  toast.addEventListener('mouseleave', Vue.swal.resumeTimer)
                }
              })
  
              Toast.fire({
                icon: 'success',
                title: 'Successfully Deleted'
              });
          }
      }
  })
  