<UTable :rows="rows" :columns="columns">
  <template #score-data="{ row }">
    <UBadge
      :label="row.current_scam.score"
      :color="row.current_scam.score <= 50 ? 'green' : row.status <= 80 ? 'orange' : 'red'"
      variant="subtle"
      class="capitalize"
    />
  </template>
</UTable>

<UTable :rows="rows" :columns="columns">
  <template #score-data="{ row }">
    <UBadge
      :label="row.current_scam.score"
      :color="row.current_scam.score <= 50 ? 'green' : row.status <= 80 ? 'orange' : 'red'"
      variant="subtle"
      class="capitalize"
    />
  </template>
</UTable>

<UTable :rows="rows" :columns="columns">
  <template #score-data="{ row }">
    <UBadge
      :label="row.status"
      :color="row.status <= 50 ? 'green' : row.status <= 80 ? 'orange' : 'red'"
      variant="subtle"
      class="capitalize"
    />
  </template>
</UTable>

const defaultColumns = [{
        key: 'vin',
        label: 'VIN',
        sortable: true
    }, {
        // Name it according to your needs
        key: 'first.secondLayer.start_date',
        label: 'Date de début de suivi',
        sortable: true
    }, {
        key: 'tenant',
        label: 'Flotte'
    }, {
        key: 'score', // just use score key
        label: 'Score'
    }]

<UTable :rows="rows" :columns="columns">
  <template #score-data="{ row }">
    <UBadge
      :label="row.status"
      :color="row.status <= 50 ? 'green' : row.status <= 80 ? 'orange' : 'red'"
      variant="subtle"
      class="capitalize"
    />
  </template>
</UTable>

const defaultColumns = [{
        key: 'vin',
        label: 'VIN',
        sortable: true
    }, {
        // Name it according to your needs
        key: 'first.secondLayer.start_date',
        label: 'Date de début de suivi',
        sortable: true
    }, {
        key: 'tenant',
        label: 'Flotte'
    }, {
        key: 'score', // just use score key
        label: 'Score'
    }]