fix(v-model/emit): update:camelCase events should trigger kebab case equivalent

close #656

packages/runtime-core/__tests__/component.spec.ts

@@ -78,7 +78,9 @@ describe('renderer: component', () => {
       setup() {
         return () =>
           h(Child, {
+            // emit triggering single handler
             onBar: () => 1,
+            // emit triggering multiple handlers
             onBaz: [() => Promise.resolve(2), () => Promise.resolve(3)]
           })
       }
@@ -86,8 +88,32 @@ describe('renderer: component', () => {
 
     render(h(App), nodeOps.createElement('div'))
 
+    // assert return values from emit
     expect(noMatchEmitResult).toMatchObject([])
     expect(singleEmitResult).toMatchObject([1])
     expect(await Promise.all(multiEmitResult)).toMatchObject([2, 3])
   })
+
+  // for v-model:foo-bar usage in DOM templates
+  test('emit update:xxx events should trigger kebab-case equivalent', () => {
+    const Child = defineComponent({
+      setup(_, { emit }) {
+        emit('update:fooBar', 1)
+        return () => h('div')
+      }
+    })
+
+    const handler = jest.fn()
+    const App = {
+      setup() {
+        return () =>
+          h(Child, {
+            'onUpdate:foo-bar': handler
+          })
+      }
+    }
+
+    render(h(App), nodeOps.createElement('div'))
+    expect(handler).toHaveBeenCalled()
+  })
 })