I have a very simple progress bar component:

I have a very simple progress bar component:

I have a component template that looks like this:

I checked out the code from Do custom events propagate up the component chain in Vue 3? were events did get propagated up. See fiddle here: https://jsfiddle.net/fritznet/jqyta7cr/ (taken from linked question)

Im migrating my app from vue 2 to vue 3, whole app is almost migrated but slot part is remaining. I saw breaking changes and it showed that in vue 2 we used named slot as

In my component I define a model:

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: