Vapor Transition: <Transition> expects exactly one child element or component #14316
Description
Vue version
3.6.0-beta.3
Link to minimal reproduction
Steps to reproduce
<Transition name="fade" mode="out-in">
<h1 v-if="condition">
<span>True</span>
<span>True</span>
</h1>
<h1 v-else>False</h1>
</Transition>The second span throws an error in Vapor mode, whereas script setup correctly compiles.
What is expected?
Should work in vapor mode
What is actually happening?
This works with script setup but throws with script vapor:
[plugin:vite:vue] <Transition> expects exactly one child element or component.
Home.vue:9:5
7 | <button @click="condition = !condition">Toggle</button>
8 | <Transition name="fade" mode="out-in">
9 | <h1 v-if="condition">
| ^
10 | <span>True</span>
11 | <span>True</span>
System Info
System:
OS: macOS 15.7.3
CPU: (10) arm64 Apple M1 Max
Memory: 14.93 GB / 64.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.18.0 - /Users/cedric/.volta/tools/image/node/22.18.0/bin/node
Yarn: 1.22.22 - /Users/cedric/.volta/tools/image/yarn/1.22.22/bin/yarn
npm: 10.9.0 - /Users/cedric/.volta/tools/image/npm/10.9.0/bin/npm
pnpm: 10.28.0 - /Users/cedric/.volta/tools/image/node/22.18.0/bin/pnpm
Browsers:
Chrome: 144.0.7559.60
Firefox: 142.0
Safari: 26.2
npmPackages:
vue: 3.6.0-beta.3 => 3.6.0-beta.3Any additional comments?
No response