Allow to pass an object of modelModifiers to native inputs

[Fuzzyma]

What problem does this feature solve?

Native inputs support v-model modifiers lazy, number and trim.
However, most of the time, people use a wrapper around their inputs.

According to the docs you can add modelModifiers to your custom component so thats not the problem.
However, it is impossible to pass all modifiers from the wrapper component down to the unerlying native input.

<template>
  <!-- not working -->
  <input v-model.modelMofidiers="value" />
</template>

<script setup>
defineProps({
  modelValue: String,
  modelModifiers: Object
})
</script>

There is just no working syntax.

What does the proposed API look like?

<template
  <input v-model.[modelModifiers]="value" />
</template>

[JontyMC]

+1 for this, seem odd in order to simply wrap an input and provide support for .lazy you need to this:

<script setup lang="ts">
import { defineModel } from 'vue'

const [model, modifiers] = defineModel<string>()

function input(event: Event) {
  if (modifiers.lazy) {
    return
  }
  model.value = (event.target as HTMLInputElement).value
}

function change(event: Event) {
  if (!modifiers.lazy) {
    return
  }
  model.value = (event.target as HTMLInputElement).value
}
</script>

<template>
  <input :value="model" type="text" @input="input" @change="change" />
</template>

[Magentai]

Are there some updates on this issue?
There's no nice way to build nested component with model modifiers because of this.

[ReturnMeVoid]

Are there some updates on this issue? There's no nice way to build nested component with model modifiers because of this.

@Magentai unfortunately not