I need to have a component that has a text input, but what the user types is modified before sending it up to the parent model…

I have 2 comonents: A and B, each one has onLoad method. B will be used by A.

I have a ref:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine:

This is basic stuff, I’m missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I have added the: @update:modelValue="modelUpdated" handler and it works: the child component detects a change and emits the update event and everything is fine: