The update of the columns property will not trigger an update of the UTable component

[Cyanhall]

Environment

• Operating System: Darwin
• Node Version: v20.10.0
• Nuxt Version: 3.14.1592
• CLI Version: 3.16.0
• Nitro Version: 2.10.4
• Package Manager: npm@9.6.7
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@0.7.2, @nuxtjs/i18n@9.1.0
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.10

Reproduction

None

Description

Thank you very much for providing such a great component library. I'm trying to use it in my personal project.

The following is the relevant code:

const columns = computed(() => defaultColumns.filter(column => selectedColumns.value.includes(column.accessorKey)))

<UTable
  :columns="columns"
  :data="data"
/>

---

I checked the latest documentation, and the examples of UTable regarding column display control seem to have no effect, such as: https://ui3.nuxt.dev/components/table#with-column-visibility.

Additional context

No response

Logs

[clopezpro]

https://github.com/user-attachments/assets/ffae357a-e037-486a-a86e-1b1e0a1a4ec5
Column visibility is not working in version v3.0.0-alpha.10