RFC: Patterned Templates

[ubugeeei]

WIP

[posva]

I think this is useful and should come at no cost of learning if it follows closely the existing syntax of JS:

• not mix switch, case, default with pattern matching
• wait for pattern matching to be stage 3 and adopt v-match, v-when, etc

I remember this was proposed in the back in vuejs/vue, it might be worth checking the existing issues/discussions on it if you haven't already

[ubugeeei]

tonaly agree!

[jods4]

It would be nice to lay out the interaction with other DOM-controlling directives, like v-for but mostly v-if.

Is it ok to put v-case and v-if on same element? If so I assume "case" has precedence and "if" applies next.
The general layout may become muddy, though, once v-else enters the room:

<!-- is this allowed? -->
<template v-match>
  <div v-case v-if />
  <div v-else>Still in first case?</div>
  <div v-case />
  <div v-case />
</template>

<!-- if not then this is they way I guess? -->
<template v-match>
  <template v-case>
      <div v-if />
      <div v-else>Still in first case?</div>
  </template>
  <div v-case />
  <div v-case />
</template>

I assume all tags inside the v-match MUST have a v-case and no text node is allowed?
Or can static content be mixed freely between cases?

[ubugeeei]

no text node is allowed?

probably like:

<template v-case>Text</template>