Shared attribute values, dynamic attribute composition (DRY improvement)

[joshistoast]

Sometimes we need the same values to be applied to multiple attributes on an element. To simplify and cut down on repeating code in your project, I propose a way to apply a value to multiple attributes at once on the same line like so:

<Transition
  :['enter-from-class', 'leave-to-class']=""
>
</Transition>

Dynamically generated attributes could be used here also with string interpolation

<div
  :['id', `data-${inputType}`]="id"
>
</div>

[joshistoast]

It would be compiled to standard attribute html:

<Transition
  :['enter-from-class', 'leave-to-class']="long list of classes"
>
</Transition>

Output:

<Transition
  enter-from-class="long list of classes"
  leave-to-class="long list of classes"
>
</Transition>