USelect with multiple prop does not trigger event when model-value change

[germsb]

Environment

Operating System: Linux

• Node Version: v20.15.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: @nuxtjs/[email protected], @nuxt/[email protected], @pinia/[email protected], [email protected], @nuxthub/[email protected], [email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.10

Reproduction

//dont work
<USelect variant="none" class="w-full" label-key="name" value-key="id" multiple
    @update:model-value="testFunctionArray" @change="testFunctionArray"
    v-model="row.original.permissionsModel" :items="permissions">
</USelect>

//work fine
<USelect variant="none" class="w-full" label-key="name" value-key="id"
    @update:model-value="testFunction" @change="testFunction"
    v-model="row.original.permissionModel" :items="permissions">
</USelect>

Description

testFunctionArray is never called if multiple prop is set to true

Additional context

No response

Logs

[germsb]

after checking in basic usage, this code works as expected:
<USelect v-model="maref" :items="permissions" label-key="name" value-key="id" multiple @update:model-value="(e) => test(e)"></USelect>

but when I use it in a table, it doesn't work anymore

<UTable :data="users" :columns="columns" sticky class="flex-1">
    
<template #permissions-cell="{ row }">
        <div class="min-w-60 rounded-lg" :class="[{ 'bg-pink-300': row.original.permissionsChanged }]">
            <USelect variant="none" class="w-full" label-key="name" value-key="id" multiple
                @update:model-value="(e) => { row.original.permissionsChanged = comparePermissions(e, row.original.permissions) }"
                v-model="row.original.permissionsModel" :items="permissions"></USelect>
        </div>
</template>
    
<template #defaulPermissions-cell="{ row }">
        <div class=" rounded-lg w-50"
            :class="[{ 'outline-2 outline-primary/50': row.original.defaulPermissionsChanged }]">
            <USelect variant="none" class="w-full" label-key="name" value-key="id"
                @update:model-value="(e) => { row.original.defaulPermissionsChanged = row.original.defaulPermissions !== e }"
                v-model="row.original.defaulPermissionsModel" :items="computed(() =>
                    permissions.filter(v => row.original.permissionsModel.some(h => v.id === h))
                ).value">
            </USelect>
        </div>
    </template>


    <template #userModify-cell="{ row }">
        <UButton v-if="row.original.defaulPermissionsChanged || row.original.permissionsChanged"
            variant="outline" @click="modifyPermissions(row.original)"> confirmer

        </UButton>
    </template>
</UTable>

row.original.permissionsModel is well updated but the events are not triggered