Implement closable tabs

[kerim371]

Hi,

I'm very beginner user of Vuetify.
I'm trying to implement closable tabs.
So far I have found a similar question on stackoverflow but I can't reproduce it exactly.
My attemt now is:

<!-- App.vue -->
<template>
  <v-app>    
    <v-main>
      <template>
        <v-tabs>
          <v-tab>
            Item One
            <v-btn icon @click="removeTab(index)" class="ml-2">
              <v-icon x-small>mdi-close</v-icon>
            </v-btn>
          </v-tab>
          <v-tab>
            Item Two
            <v-btn icon @click="removeTab(index)" class="ml-2">
              <v-icon x-small>mdi-close</v-icon>
            </v-btn>
          </v-tab>
          <v-tab>
            Item Three
            <v-btn icon @click="removeTab(index)" class="ml-2">
              <v-icon x-small>mdi-close</v-icon>
            </v-btn>
          </v-tab>
        </v-tabs>
      </template>
    </v-main>
    
  </v-app>
</template>

<script>
export default {
  name: 'App'
}
</script>

The problem is that I don't know how to implement the function removeTab(index).

Maybe somebody knows that.