Vue js pass slot to child component wrapper through template

slot-passing.vue

<!-- pass scoped slots -->
<!-- bind props as a Object for reactively binding props which contains getter and setter -->
  <template v-for="(_, name) in $scopedSlots" v-slot:[name]="slotData">
      <slot :name="name" v-bind="{props: slotData}" />
  </template>
<!--  pass slots -->
  <template v-for="(_, name) in $slots" :slot="name">
      <slot :name="name"/>
  </template>