Plugin-vue throws "Missing semicolon" error when using vue v-on object syntax

[varmiral]

Describe the bug

This error only occurs in dev mode and when binded (v-on) object has two or more properties.

Reproduction

https://github.com/varmiral/vite-missing-semicolon

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (4) x64 Intel(R) Core(TM) i5-6500 CPU @ 3.20GHz
    Memory: 5.02 GB / 15.96 GB
  Binaries:
    Node: 16.15.0 - ~\AppData\Local\pnpm\node.EXE
    npm: 8.5.5 - ~\AppData\Local\pnpm\npm.CMD
  Browsers:
    Chrome: 105.0.5195.125
    Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.33)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    @vitejs/plugin-vue: ^3.1.0 => 3.1.0
    vite: ^3.1.0 => 3.1.0

Used Package Manager

pnpm

Logs

Click to expand!

[vite] Internal server error: Missing semicolon. (1:27)
  Plugin: vite:vue
  File: C:/Users/Hitman/Desktop/create-vite/vite-project/src/App.vue
  1  |  <script setup lang="ts">
  2  |  import HelloWorld from './components/HelloWorld.vue';
     |    ^
  3  |  import TheWelcome from './components/TheWelcome.vue';
  4  |  
      at instantiate (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:72:32)
      at constructor (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:367:12)
      at TypeScriptParserMixin.raise (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:3684:19)
      at TypeScriptParserMixin.semicolon (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:4129:10)
      at TypeScriptParserMixin.parseExpressionStatement (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:15457:10)
      at TypeScriptParserMixin.parseExpressionStatement (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:10681:26)
      at TypeScriptParserMixin.parseStatementContent (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:14988:19)
      at TypeScriptParserMixin.parseStatementContent (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:10556:18)
      at TypeScriptParserMixin.parseStatement (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:14840:17)
      at TypeScriptParserMixin.parseLabeledStatement (C:\Users\Hitman\Desktop\create-vite\vite-project\node_modules\.pnpm\@babel+parser@7.19.1\node_modules\@babel\parser\lib\index.js:15449:22)

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

This is an upstream issue. Please report to vuejs/core.

sfc playground

[varmiral]

It is noteworthy that without import declaration, the error does not appear. OK thanks, i took youre example and redirected the issue to #6674

[btea]

It has been fixed by vuejs/core#6652.