BMenuItem: default v-model binding does not work

[kikuomax]

Overview of the problem

Buefy version: buefy-next (67ecf3a)
Vuejs version: 3.3.4
OS/Browser: Safari

Description

The default v-model binding on <b-menu-item> does not work.

Steps to reproduce

<b-menu-item label="Item" v-model="isActive"></b-menu-item>

Expected behavior

<b-menu-item> syncs isActive:

• <b-menu-item> is activated according to isActive.
• <b-menu-item> updates isActive according to its active state.

Actual behavior

<b-menu-item> does not sync isActive.

Btw, the explicit v-model binding does the expected behavior:

<b-menu-item label="Item" v-model:active="isActive"></b-menu-item>

[kikuomax]

model is deprecated on Vue 3 and won't work:

buefy-next/src/components/menu/MenuItem.vue

Lines 58 to 61 in f0348bf

	model: {
	prop: 'active',
	event: 'update:active'
	},

To use default v-model bindings, we have to follow the naming convention:

• property: modelValue
• event: update:modelValue

See https://v3-migration.vuejs.org/breaking-changes/v-model.html