Suggestion: Allow multiple names for a named slot

What problem does this feature solve?

Flexibility in using slots. So you could allow a slot to take multiple variations of a name. For example:

<slot names="['name-one', 'name-two', 'name-three']"/>

Then, you can pass any one of those names into the slot and it will render. I have a workaround I use currently by adding the following code into the created() method:

['nameTwo', 'nameThree'].forEach((slotName) => {
  if ({}.hasOwnProperty.call(this.$slots, slotName)) {
    this.$slots.nameOne = this.$slots[slotName];
    delete this.$slots[slotName];
  }
});

But it would be great if this could be done automatically.

What does the proposed API look like?

I current use this code in created():

['nameTwo', 'nameThree'].forEach((slotName) => {
  if ({}.hasOwnProperty.call(this.$slots, slotName)) {
    this.$slots.nameOne = this.$slots[slotName];
    delete this.$slots[slotName];
  }
});

[Justineo]

IMHO it is essential to keep a consistent vocabulary across the whole team, especially for larger apps. Let collaborators refer to the same slot with different names doesn’t seem to be a good practice and I think we won’t accept this. Thanks.

[znar]

This should work:

<slot :slot-props="containerProp" name="container">
    <slot></slot>
</slot>