refactor: simplify & add space

Author: sxzz

packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap

@@ -96,7 +96,7 @@ exports[`compiler: element transform > component > should wrap as function if v-
 
 export function render(_ctx) {
   const n0 = _createComponent(_resolveComponent("Foo"), [{
-    onBar:() => $event => (_ctx.handleBar($event))
+    onBar: () => $event => (_ctx.handleBar($event))
   }], true)
   return n0
 }"

packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts

@@ -370,7 +370,7 @@ describe('compiler: element transform', () => {
         `<Foo v-on:bar="handleBar($event)" />`,
       )
       expect(code).toMatchSnapshot()
-      expect(code).contains(`onBar:() => $event => (_ctx.handleBar($event))`)
+      expect(code).contains(`onBar: () => $event => (_ctx.handleBar($event))`)
       expect(ir.block.operation).toMatchObject([
         {
           type: IRNodeTypes.CREATE_COMPONENT_NODE,

packages/compiler-vapor/src/generators/component.ts

@@ -75,9 +75,10 @@ export function genCreateComponent(
       ...props.map(prop => {
         return [
           ...genPropKey(prop, context),
+          ': ',
           ...(prop.handler
-            ? [':', ...genEventHandler(context, prop.values[0])]
-            : [': () => (', ...genExpression(prop.values[0], context), ')']),
+            ? genEventHandler(context, prop.values[0])
+            : ['() => (', ...genExpression(prop.values[0], context), ')']),
         ]
       }),
     )

packages/compiler-vapor/src/generators/event.ts

@@ -94,7 +94,7 @@ function genArrayExpression(elements: string[]) {
 
 export function genEventHandler(
   context: CodegenContext,
-  value?: SimpleExpressionNode,
+  value: SimpleExpressionNode | undefined,
 ) {
   if (value && value.content.trim()) {
     const isMemberExp = isMemberExpression(value.content, context.options)
@@ -116,5 +116,5 @@ export function genEventHandler(
     }
   }
 
-  return ['() =>{}']
+  return ['() => {}']
 }