vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換 v-data-table v-data-table

vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換
若干変わってる。
以下で、対応できた。
旧バージョンでは
line.item.columns.カラム名
のように書いてて、今回は.columnsを書かなくてよくなったね。

■概要
<v-data-table :headers="headersr" :items="datalist" >
<template v-slot:item.★カラム名="line">
<span class="">{{ line.item.★カラム名 }}</span>
</template>
</v-data-table>



■具体例
<v-data-table :headers="headersr" :items="datalist" item-value="message" >
<template v-slot:item.status="line">
<div v-if="line.item.status === 'ACTIVE'">
AAA
<span class="text-green">{{ line.item.status }}</span>
</div>
<div v-else>
{{ line.item.status }}
</div>
</template>
</v-data-table>