fix(runtime-vapor): properly resolve event handler in dynamic props

[jackma9604]

Problem Description

Unable to trigger events in dynamic props

Version

v3.6.0-beta.7

Link to minimal reproduction

Playground

[coderabbitai]

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.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8d28ceb8-3bc1-4915-a3cc-5fc1bf815427

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:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[pkg-pr-new]

Open in StackBlitz

@vue/compiler-core

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

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

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

@vue/compiler-dom

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

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

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

@vue/compiler-sfc

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

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

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

@vue/compiler-ssr

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

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

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

@vue/compiler-vapor

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

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

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

@vue/reactivity

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

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

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

@vue/runtime-core

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

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

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

@vue/runtime-dom

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

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

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

@vue/runtime-vapor

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

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

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

@vue/server-renderer

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

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

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

@vue/shared

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

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

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

vue

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

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

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

@vue/compat

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

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

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

commit: 2d5fe3b

[github-actions]

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	18 kB
createApp	59.3 kB	23 kB	20.9 kB
createApp + vaporInteropPlugin	83 kB (+9 B)	30.8 kB (+3 B)	27.9 kB (+12 B)
createVaporApp	28.6 kB (+9 B)	11.1 kB (+2 B)	10.2 kB (+3 B)
createSSRApp	63.5 kB	24.7 kB	22.4 kB
createVaporSSRApp	32.1 kB (+9 B)	12.4 kB	11.4 kB (+9 B)
defineCustomElement	65.3 kB	24.8 kB	22.5 kB
defineVaporCustomElement	38.9 kB (+9 B)	14.4 kB (+1 B)	13.2 kB
overall	74.2 kB	28.3 kB	25.7 kB