Fallback Default Content in Slots in Vue3 composition API

I have two components, one that passes a string value innerHTML to my custom Component MySub In MySub i wants to use the default slot to do

There are two types of slots in vuejs namely: named slot and unnamed slot Practical Use Case of Vue Slots To pass down HTML

vue slot Default slots come into play when content needs to be inserted into a child component and the parent component doesn't specify a slot name

vue default slot It must be: #default={item} in which, #default is the shorthand for v-slot:default In the next parts, we show you some examples that apply