Usng Vuetify v-data-table如何设置芯片颜色、值和项目

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    item-key="id"
  >
    <template v-slot:item.chip="{ item }">
      <v-chip :color="item.color" dark>{{ item.chip }}</v-chip>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'ID', value: 'id' },
        { text: 'Name', value: 'name' },
        { text: 'Chip', value: 'chip' },
      ],
      items: [
        { id: 1, name: 'Item 1', chip: 'Project 1', color: 'red' },
        { id: 2, name: 'Item 2', chip: 'Project 2', color: 'blue' },
        { id: 3, name: 'Item 3', chip: 'Project 3', color: 'green' },
      ],
    };
  },
};
</script>