[NavigationMenu] v-model, value, default-value: does nothing
Environment
- Node Version: v22.17.1
- Nuxt Version: 4.0.3
- CLI Version: 3.27.0
- Nitro Version: 2.12.4
Is this bug related to Nuxt or Vue?
Nuxt
Version
v3.3.0
Reproduction
https://ui.nuxt.com/components/navigation-menu#control-active-item
Description
as per title, seems that manual active control is not working at all even in docs https://ui.nuxt.com/components/navigation-menu#control-active-item
Additional context
No response
Logs
Seems like an upstream issue, it is also broken in the RekaUI playground.
https://github.com/user-attachments/assets/9ae5dbd6-4198-4a8f-9ee5-a96c6d2a5925
I've created an issue upstream: https://github.com/unovue/reka-ui/issues/2113
Same problem using v4.0.1
Turns out the index was incorrect in the docs, you should use item-${index}. I've updated the docs in https://github.com/nuxt/ui/commit/c16ee335550f7bcccacfb817a27677ac793adfe6#diff-b5eef41212e8f19645f5ed0b69c7344cd9e615a04ca1ff65c9def5325a80b6bc