From 88123e56d0ee85f346bcd0404bf68d2d2ddf628d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Fri, 23 Feb 2024 13:20:14 +0800
Subject: [PATCH] fix(compiler-vapor): register event for v-model

---
 .../__snapshots__/vModel.spec.ts.snap         | 24 +++++++++----------
 .../src/generators/modelValue.ts              |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
index bd3d77037..9c63b9c82 100644
--- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
+++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
@@ -7,7 +7,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model, void 0, { lazy: true }]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -19,7 +19,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model, void 0, { number: true }]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -31,7 +31,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model, void 0, { trim: true }]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -43,7 +43,7 @@ const t0 = _template("<input type=\\"checkbox\\">")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelCheckbox, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -55,7 +55,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelDynamic, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -67,7 +67,7 @@ const t0 = _template("<input type=\\"radio\\">")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelRadio, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -79,7 +79,7 @@ const t0 = _template("<input type=\\"text\\">")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -91,7 +91,7 @@ const t0 = _template("<select></select>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelSelect, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -103,7 +103,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -115,7 +115,7 @@ const t0 = _template("<textarea></textarea>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelText, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
@@ -127,7 +127,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelDynamic, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   _renderEffect(() => _setDynamicProps(n1, _ctx.obj))
   return n1
 }"
@@ -140,7 +140,7 @@ const t0 = _template("<input>")
 export function render(_ctx) {
   const n1 = t0()
   _withDirectives(n1, [[_vModelDynamic, () => _ctx.model]])
-  _on(n1, "update:modelValue", $event => (_ctx.model = $event))
+  _on(n1, "update:modelValue", () => $event => (_ctx.model = $event))
   return n1
 }"
 `;
diff --git a/packages/compiler-vapor/src/generators/modelValue.ts b/packages/compiler-vapor/src/generators/modelValue.ts
index 6c7bceefb..9d20c0dc5 100644
--- a/packages/compiler-vapor/src/generators/modelValue.ts
+++ b/packages/compiler-vapor/src/generators/modelValue.ts
@@ -18,7 +18,7 @@ export function genSetModelValue(
     ? [JSON.stringify(`update:${camelize(oper.key.content)}`)]
     : ['`update:${', ...genExpression(oper.key, context), '}`']
   const handler = [
-    (isTS ? `($event: any)` : `$event`) + ' => (',
+    `() => ${isTS ? `($event: any)` : `$event`} => (`,
     ...genExpression(oper.value, context, '$event'),
     ')',
   ]