chore: replace vue/babel-jsx with vue-jsx-vapor

[KaelWD]

blocked by vuejs/vue-jsx-vapor#29

• check reactivity
• check performance
• babel -> esbuild

This looks like a lot but it's mostly two style changes:

• foo && <div /> -> foo ? <div /> : undefined
  • foo && returns false when not met, which isn't handled by vue's optimised path
• slots.foo?.() ?? fallback -> renderSlot(slots.foo, () => fallback)
  • slots.foo?.() is normalizeVNode(slots.foo?.()), normalize is skipped with ??
  • need to change this at some point anyway for [Bug Report][3.3.17] Slots with only a comment do not render the default content #18308
    • there are still some slots.foo ? <div>{ slots.foo() }</div> : fallback so that isn't fully fixed yet

[zhiyuanzmj]

Oh, Maybe i should convert LogicalExpression to ConditionExpression.

[zhiyuanzmj]

vuejs/vue-jsx-vapor@0f48e4c#diff-8ffcde0cce9ebaa70dfe58c84117c47ef6da11b6af147a2efd5285e7d57bd884

LogicalExpression || and ?? operator will be covert to ConditionExpression.

[KaelWD]

Nice, tyvm. I think you made a mistake with ?? though I left a comment on the commit.

[zhiyuanzmj]

Now, all of LogicalExpression has been cached, for render number 0 and prevent capture ref twice.
vuejs/vue-jsx-vapor@f3e14b3#diff-8ffcde0cce9ebaa70dfe58c84117c47ef6da11b6af147a2efd5285e7d57bd884

[KaelWD]

Lots of reactivity bugs again :(
Looks like maybe the same problem as #21778, slots don't update on external value changes.

[zhiyuanzmj]

if user using map expression then i can't collect items to detected whether children slots is dynamic and whether should cached events.
So the slots should default to dynamic and don't cached events by default.
Because i always use v-for and v-slot to writing vue-jsx, so I didn't realize this problem.

[zhiyuanzmj]

v3.1.9 released. if you want mark slots as stable, use _: 1 instead of $stable: true.