在Vuetify中，如何在数据表行中放置迷你图组件？

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    item-key="id"
  >
    <!-- 在这里放置迷你图组件 -->
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'ID', value: 'id' },
        { text: '名称', value: 'name' },
        { text: '迷你图', value: 'chart' },
      ],
      items: [
        { id: 1, name: '项目1', chartData: [10, 20, 30, 40, 50] },
        { id: 2, name: '项目2', chartData: [50, 40, 30, 20, 10] },
        // 其他数据行...
      ],
    };
  },
};
</script>

<v-data-table
  :headers="headers"
  :items="items"
  item-key="id"
>
  <template v-slot:item.chart="{ item }">
    <!-- 在这里放置迷你图组件 -->
    <mini-chart :data="item.chartData"></mini-chart>
  </template>
</v-data-table>