Option to automatically forward slots to children

[tlloydthwaites]

Related to discussion #5962.

I frequently find myself pasting this incantation:

<template v-for="name in Object.keys($slots).filter(e => e != 'default')" #[name]="slotData">
  <slot :name="name" v-bind="slotData || {}" />
</template>

When creating an outer component where you need to pass slots to a deep child, this becomes tedious.

Just like components can automatically inherit attributes, it would be handy if slots could be passed down like this (disabled with inheritSlots: false), and explicitly bound with v-slots="$slots".

I'm thinking:

<template>

  <one>
    <template #slot-for-three>
       ...should make it to three
    </template>
  </one>

</template>

one.vue:

<template>
    <two v-slots="$slots">
       <three v-slots="$slots" />
    </two>
</template>

[craigrileyuk]

In the meantime, this might help: https://github.com/evo-mark/vue-forward-slots

[tlloydthwaites]

ooh thank you! Still think this should be easier.