☑️ Resolves

This PR adds forward compatibility with next (v9) on v-model props/events

• modelValue prop fallbacks to an old prop
• update:modelValue is emitted together with an old event
• update:model-value is emitted as well to use the new Vue 3 recommended event style in template compatible with Vue 2

Implementation details:

• Added useModelMigration to create migration proxy that:
  • Returns a new model prop if an old one is not defined
  • Triggers a new event together with an old one on set
  • Checks if either old or new prop is provided for required model
• Use model proxy instead of old prop to get value
• Assign to model instead of $emit an old event
• Define new prop and event as well as define/update model option
• Update docs:
  • Mark the old interfaces as deprecated in docs
  • Use v-model in docs examples

Screenshots

Docs

required: true

📃 Components

• Check components with :checked + @update:checked:
  • NcActionCheckbox
  • NcActionRadio
  • NcCheckboxRadioSwitch
• Text input fields with :value + @update:value:
  • NcActionTextEditable
  • NcInputField
  • NcPasswordField
  • NcRichContenteditable
  • NcTextArea
  • NcTextField
• Selects (:value + @input):
  • NcSelect
  • NcSelectTags
  • NcSettingsSelectGroup
• Pickers (:value + @input):
  • NcColorPicker
  • NcDateTimePicker
  • NcDateTimePickerNative
  • NcTimezonePicker
• Special with :value + @update:value:
  • NcActionInput
• Misc.:
  • NcSettingsInputText (:value + @update:value)

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 3️⃣ Backport to next requested with a Vue 3 upgrade