如何使用Vuetify 2.x在表的自定义默认行中使用v-html？

npm install vuetify

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

new Vue({
  // ...
  vuetify: new Vuetify(),
  // ...
}).$mount('#app')

<template>
  <v-data-table
    :headers="headers"
    :items="items"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        // 表头定义
      ],
      items: [
        // 自定义默认行
        { id: 1, content: '<b>粗体文本</b>' },
        { id: 2, content: '<i>斜体文本</i>' },
        // ...
      ]
    }
  }
}
</script>

<template>
  <v-data-table
    :headers="headers"
    :items="items"
  >
    <template v-slot:item.content="{ item }">
      <div v-html="item.content"></div>
    </template>
  </v-data-table>
</template>