Tabs throw warning: Computed is still dirty after getter evaluation

[MickL]

Environment

---

• Operating System: Darwin
• Node Version: v21.6.1
• Nuxt Version: 3.10.3
• CLI Version: 3.10.1
• Nitro Version: 2.8.1
• Package Manager: bun@1.0.26
• Builder: -
• User Config: extends, modules, runtimeConfig, pinia, image, routeRules, app, i18n, security
• Runtime Modules: @nuxt/ui@^2.14.1
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-4rnoff-spccez?file=app.vue

Describe the bug

Using tabs as shown in the docs throws multiple warnings:

[Vue warn] Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided. Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free

Additional context

No response

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-4rnoff-spccez (Open reproduction)

[manniL]

Please raise in https://github.com/nuxt/ui

Duplicate of nuxt/ui#1392

[DamianGlowala]

It's been raised in Nuxt UI (nuxt/ui#1392) and at source in Headless UI (tailwindlabs/headlessui#2985).

[MickL]

Damn I was looking in the wrong repo, thats why I didnt find it, sorry!