fix: v-on multiple line statement

Author: xiaoxiangmoe

src/core/parseSFC.ts

@@ -132,11 +132,22 @@ export function parseSFC(code: string, id?: string, options?: ScriptSetupTransfo
       }
 
       if (value !== '' && (key.startsWith('v-') || key.startsWith('@') || key.startsWith(':'))) {
-        if (key === 'v-for')
+        if (key === 'v-for') {
           // we strip out delectations for v-for before `in` or `of`
           expressions.add(`(${value.replace(/^.*\s(?:in|of)\s/, '')})`)
-        else
-          expressions.add(`(${value})`)
+        }
+        else if (key.startsWith('@') || key.startsWith('v-on')) {
+          if (value.trimStart()[0] === '{')
+            expressions.add(`(${value})`)
+          else
+            expressions.add(`$event => {${value};}`)
+        }
+        else {
+          if (value.trimStart()[0] === '{')
+            expressions.add(`(${value})`)
+          else
+            expressions.add(`${value};`)
+        }
       }
 
       if (

test/__snapshots__/transform.test.ts.snap

@@ -481,7 +481,7 @@ export default __sfc_main;
 
 exports[`transform fixtures test/fixtures/MacrosType3.vue 1`] = `
 "<template>
-  <div @click=\\"emit('update', msg)\\">
+  <div @click=\\"emit('update', msg);emit('update', msg + value);\\">
     {{ msg }}
   </div>
 </template>
@@ -509,8 +509,10 @@ __sfc_main.props = {
 
 __sfc_main.setup = (__props, __ctx) => {
   const emit = __ctx.emit;
+  const value = 'bar';
   return {
-    emit
+    emit,
+    value
   };
 };
 

test/fixtures/MacrosType3.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @click="emit('update', msg)">
+  <div @click="emit('update', msg);emit('update', msg + value);">
     {{ msg }}
   </div>
 </template>
@@ -11,4 +11,5 @@ withDefaults(
 )
 
 const emit = defineEmits(['update'])
+const value = 'bar'
 </script>