SelectMenu new options are being created as objects instead of strings

[potykion]

Environment

• Operating System: Windows_NT
• Node Version: v18.12.1
• Nuxt Version: 3.8.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.0
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, modules, colorMode, content
• Runtime Modules: @nuxt/[email protected], [email protected], @nuxt/[email protected]
• Build Modules: -

Version

^2.11.0

Reproduction

https://stackblitz.com/edit/nuxt-ui-pca5qc?file=app.vue

Steps to reproduce:

• Create a new option in SelectMenu
• Expecting: item.title to be string
• Actual: item.title is object {label: string}

Description

When I init SelectMenu with searchable and creatable props and create a new item, the v-model value is set as an object {label: string} instead of a string

Additional context

No response

Logs

No response

[nickyg91]

I was having this same problem when I stumbled across this issue. I have started using the edge version of nuxt-ui where this is supposedly fixed, however it seems like the behavior is the same.
This stackblitz uses the edge version of nuxt-ui and demonstrates the same issue with both multiple and non-multiple scenarios. It is possible that I am not using this right as I just started using nuxt last Thursday. There is a workaround: something like this

<USelectMenu
        v-model="state.tags"
        :options="tags"
        show-create-option-when="always"
        creatable
        searchable
        multiple
        @update:model-value="onModelValueUpdated"
      >
      </USelectMenu>

function onModelValueUpdated(values: [{ label: string }]) {
  state.tags = values.map((x: { label: string }) => x.label);
}