Skip to content

fix(runtime-vapor): enable hydration capability for createSSRApp + vdomInterop#14505

Merged
edison1105 merged 2 commits intominorfrom
edison/fix/vdomInteropHydration
Mar 2, 2026
Merged

fix(runtime-vapor): enable hydration capability for createSSRApp + vdomInterop#14505
edison1105 merged 2 commits intominorfrom
edison/fix/vdomInteropHydration

Conversation

@edison1105
Copy link
Copy Markdown
Member

@edison1105 edison1105 commented Mar 2, 2026 •
edited by coderabbitai bot
Loading

Summary by CodeRabbit

  • Bug Fixes

    • Fixed a critical issue where nested components would be incorrectly duplicated during the hydration process when combining VDOM and Vapor components in the same application.

  • Tests

    • Added new tests to validate that nested components hydrate correctly without unwanted duplication and do not emit hydration mismatch warnings when using VDOM and Vapor interoperability.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 2, 2026 •
edited
Loading

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • ✅ Review completed - (🔄 Check again to review again)
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch edison/fix/vdomInteropHydration

Comment @coderabbitai help to get the list of available commands and usage tips.

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 2, 2026 •
edited
Loading

Open in StackBlitz

@vue/compiler-core

pnpm add https://pkg.pr.new/@vue/compiler-core@14505

npm i https://pkg.pr.new/@vue/compiler-core@14505

yarn add https://pkg.pr.new/@vue/compiler-core@14505.tgz

@vue/compiler-dom

pnpm add https://pkg.pr.new/@vue/compiler-dom@14505

npm i https://pkg.pr.new/@vue/compiler-dom@14505

yarn add https://pkg.pr.new/@vue/compiler-dom@14505.tgz

@vue/compiler-sfc

pnpm add https://pkg.pr.new/@vue/compiler-sfc@14505

npm i https://pkg.pr.new/@vue/compiler-sfc@14505

yarn add https://pkg.pr.new/@vue/compiler-sfc@14505.tgz

@vue/compiler-ssr

pnpm add https://pkg.pr.new/@vue/compiler-ssr@14505

npm i https://pkg.pr.new/@vue/compiler-ssr@14505

yarn add https://pkg.pr.new/@vue/compiler-ssr@14505.tgz

@vue/compiler-vapor

pnpm add https://pkg.pr.new/@vue/compiler-vapor@14505

npm i https://pkg.pr.new/@vue/compiler-vapor@14505

yarn add https://pkg.pr.new/@vue/compiler-vapor@14505.tgz

@vue/reactivity

pnpm add https://pkg.pr.new/@vue/reactivity@14505

npm i https://pkg.pr.new/@vue/reactivity@14505

yarn add https://pkg.pr.new/@vue/reactivity@14505.tgz

@vue/runtime-core

pnpm add https://pkg.pr.new/@vue/runtime-core@14505

npm i https://pkg.pr.new/@vue/runtime-core@14505

yarn add https://pkg.pr.new/@vue/runtime-core@14505.tgz

@vue/runtime-dom

pnpm add https://pkg.pr.new/@vue/runtime-dom@14505

npm i https://pkg.pr.new/@vue/runtime-dom@14505

yarn add https://pkg.pr.new/@vue/runtime-dom@14505.tgz

@vue/runtime-vapor

pnpm add https://pkg.pr.new/@vue/runtime-vapor@14505

npm i https://pkg.pr.new/@vue/runtime-vapor@14505

yarn add https://pkg.pr.new/@vue/runtime-vapor@14505.tgz

@vue/server-renderer

pnpm add https://pkg.pr.new/@vue/server-renderer@14505

npm i https://pkg.pr.new/@vue/server-renderer@14505

yarn add https://pkg.pr.new/@vue/server-renderer@14505.tgz

@vue/shared

pnpm add https://pkg.pr.new/@vue/shared@14505

npm i https://pkg.pr.new/@vue/shared@14505

yarn add https://pkg.pr.new/@vue/shared@14505.tgz

vue

pnpm add https://pkg.pr.new/vue@14505

npm i https://pkg.pr.new/vue@14505

yarn add https://pkg.pr.new/vue@14505.tgz

@vue/compat

pnpm add https://pkg.pr.new/@vue/compat@14505

npm i https://pkg.pr.new/@vue/compat@14505

yarn add https://pkg.pr.new/@vue/compat@14505.tgz

commit: de823e8

@github-actions
Copy link
Copy Markdown

github-actions bot commented Mar 2, 2026 •
edited
Loading

Size Report

Bundles

File Size Gzip Brotli
compiler-dom.global.prod.js 86.4 kB 30.2 kB 26.6 kB
runtime-dom.global.prod.js 110 kB 41.6 kB 37.3 kB
vue.global.prod.js 169 kB 61.4 kB 54.7 kB

Usages

Name Size Gzip Brotli
createApp (CAPI only) 50.3 kB 19.7 kB 17.9 kB
createApp 59.3 kB 23 kB 20.9 kB
createApp + vaporInteropPlugin 82.6 kB 30.7 kB 27.7 kB
createVaporApp 28.6 kB 11.1 kB 10.2 kB
createSSRApp 63.5 kB 24.7 kB 22.5 kB
createVaporSSRApp 32 kB 12.4 kB 11.4 kB
defineCustomElement 65.3 kB 24.8 kB 22.5 kB
defineVaporCustomElement 38.9 kB 14.4 kB 13.2 kB
overall 74.2 kB 28.3 kB 25.7 kB

@edison1105 edison1105 changed the title fix(runtime-vapor): temporarily enable hydration capability for createSSRApp + vdomInterop fix(runtime-vapor): enable hydration capability for createSSRApp + vdomInterop Mar 2, 2026
@edison1105 edison1105 merged commit 5c320b7 into minor Mar 2, 2026
22 of 23 checks passed
@edison1105 edison1105 deleted the edison/fix/vdomInteropHydration branch March 2, 2026 13:05
@edison1105 edison1105 added the scope: vapor related to vapor mode label Mar 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

scope: vapor related to vapor mode

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@edison1105