How to delete an item via a confirm button?

Question

Vue.js

Create.vue - page for creating a contract and saving data in localStorage
List.vue - displaying the value from localStorage to a table via Contact.vue - displaying contact information
v-for="" :key="contact.id"

• on button click implement deletion of specific table row (from localStorage ) (with confirmation)
  
• with the possibility of reverse action.
  

I'm just starting to learn Vue, so if possible, in more detail in which files what should I write.
source code:
https://github.com/Antoxa291/Contact-book-Vue.js-.git

Answer 1

The button handles the click - the id of the clicked element is passed to the function.
the function through find looks for the entry = id to the user who came to click on the button.
deleting an entry via splice or delete
"I'm just learning" is not a reason for others to do everything for you

Answer 2

contacts is not defined - error in console
Method in List.vue:

methods: {
        deleteСontact(index) {
            const Index = contacts.findIndex(t => t.id === id)
            this.$delete(this.contacts, Index)
        }
    },

Registered in store.js

actions: { 
deleteContact({commit}, id) {
      commit('deleteContact', id)
    },
}

and

mutations: { 
deleteСontact(state, id) {          
      const idx = contacts.findIndex(t => t.id === id);        
      localStorage.removeItem(state.contacts[idx])
    },
}

Tell me what am I doing wrong?