In trying to render a tanstack table in my Nuxt3 app, I get `$data.somes.getRowModel is not a function`

Question

I am trying to render a tanstack table in my Nuxt3 app and facing this ...

500

$data.somes.getRowModel is not a function

Here's the relevant code ...

<template>
  <div>
  <tbody>
    <tr v-for="row in somes.getRowModel().rows" :key="row.id">
      <td v-for="cell in row.getVisibleCells()" :key="cell.id">
        <FlexRender
          :render="cell.column.columnDef.cell"
          :props="cell.getContext()"
        />
      </td>
    </tr>
  </tbody>
  </div>
</template>

<script>
import { useVueTable } from '@tanstack/vue-table';
import { FlexRender } from '@tanstack/vue-table';

const options = {}
const table = useVueTable(options);

export default {
  data () {
    return {
      somes: '',
    }
  },
  async mounted() {
    this.somes = await $fetch(
      'https://xxxxx.xx/somes', {
      }
    )
  },
}
</script>

Obviously I am missing something. Can you please help?

Thanks