UInputMenu required attribute works wrong when multiple is enabled

[projct1]

Environment

• Operating System: Linux
• Node Version: v22.4.0
• Nuxt Version: 3.14.1592
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], [email protected], @vueuse/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.14.1592

Reproduction

<script setup lang="ts">
const places = ref([])
const placeItems = ref([{ id: 1, name: 'Place 1' }, { id: 2, name: 'Place 2' }])
</script>

<template>
  <form class="flex flex-col gap-2 max-w-54" @submit.prevent>
    <UInputMenu name="places"
                v-model="places"
                :items="placeItems"
                value-key="id"
                label-key="name"
                icon="i-lucide-search"
                class="w-full"
                required
                multiple/>
    
    <UFormField class="mt-2">
      <UButton type="submit" class="block w-full">Submit</UButton>
    </UFormField>
  </form>
</template>

Description

Even if i choosen some items, i cant submit form https://skr.sh/vSqGuOWV8dZ