Urgent Help needed. V-data-table, vue

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    class="elevation-1"
  >
    <template #item.calories="{ item }">
      <v-text-field v-if="item.editing" v-model="item.calories">
        <template #append>
          <v-btn @click="item.editing = !item.editing"> Finish </v-btn>
         </template>
      </v-text-field>
      <v-chip
        v-else
        :color="getColor(item.calories)"
        dark
        @dblclick="item.editing = !item.editing"
      >
         {{ item.calories }}
       </v-chip>
    </template>
  </v-data-table>
</template>