fix: v-for parsing, close #22

Author: antfu

src/core/parseSFC.ts

@@ -51,7 +51,7 @@ export function parseSFC(code: string, id?: string, options?: ScriptSetupTransfo
           if (key.startsWith('v-') || key.startsWith('@') || key.startsWith(':')) {
             if (key === 'v-for')
               // we strip out delectations for v-for before `in` or `of`
-              expressions.add(`(${value.replace(/^.*?\w(?:in|of)\w/, '')})`)
+              expressions.add(`(${value.replace(/^.*\s(?:in|of)\s/, '')})`)
             else
               expressions.add(`(${value})`)
           }

test/__snapshots__/transform.test.ts.snap

@@ -269,6 +269,9 @@ exports[`transform fixture VFor.vue 1`] = `
     <div v-for=\\"(item, index) in items\\" :key=\\"item\\">
       {{ item }}
     </div>
+    <div v-for=\\"{ cargo_key, in_of } in items2\\">
+      {{ cargo_key }}
+    </div>
   </div>
 </template>
 
@@ -289,9 +292,14 @@ __sfc_main.setup = (__props, __ctx) => {
     name: 'Item 4',
     value: 4
   }];
+  const items2 = [{
+    cargo_key: 'cargo_key',
+    in_of: 'in'
+  }];
   const index = 0;
   return {
-    items
+    items,
+    items2
   };
 };
 

test/fixtures/VFor.vue

@@ -3,6 +3,9 @@
     <div v-for="(item, index) in items" :key="item">
       {{ item }}
     </div>
+    <div v-for="{ cargo_key, in_of } in items2">
+      {{ cargo_key }}
+    </div>
   </div>
 </template>
 
@@ -14,5 +17,9 @@ const items = [
   { name: 'Item 4', value: 4 },
 ]
 
+const items2 = [
+  { cargo_key: 'cargo_key', in_of: 'in' },
+]
+
 const index = 0
 </script>