fix(compiler): use underscores instead of colons for cached name

Author: zhiyuanzmj

packages/compiler/src/generators/component.ts

@@ -126,7 +126,10 @@ function processInlineHandlers(
         const isMemberExp = isMemberExpression(value, context.options)
         // cache inline handlers (fn expression or inline statement)
         if (!isMemberExp) {
-          const name = getUniqueHandlerName(context, `_on_${prop.key.content}`)
+          const name = getUniqueHandlerName(
+            context,
+            `_on_${prop.key.content.replace(':', '_')}`,
+          )
           handlers.push({ name, value })
           ids[name] = null
           // replace the original prop value with the handler name

packages/compiler/test/transforms/__snapshots__/vOn.spec.ts.snap

@@ -56,6 +56,14 @@ exports[`v-on > event modifier 1`] = `
 "
 `;
 
+exports[`v-on > namespace event with Component 1`] = `
+"
+  const _on_update_modelValue = () => {}
+  const n0 = _createComponent(Comp, { "onUpdate:modelValue": () => _on_update_modelValue }, null, true)
+  return n0
+"
+`;
+
 exports[`v-on > should delegate event 1`] = `
 "
   const n0 = t0()

packages/compiler/test/transforms/vOn.spec.ts

@@ -327,6 +327,14 @@ describe('v-on', () => {
     )
   })
 
+  test('namespace event with Component', () => {
+    const { code } = compileWithVOn(`<Comp onUpdate:modelValue={() => {}} />`)
+    expect(code).toMatchSnapshot()
+    expect(code).contains(
+      '_createComponent(Comp, { "onUpdate:modelValue": () => _on_update_modelValue }, null, true)',
+    )
+  })
+
   test('expression with type', () => {
     const { code } = compileWithVOn(`<div onClick={handleClick as any} />`)
     expect(code).toMatchInlineSnapshot(`