TypeScript inline type annotation in Vue SFC with Pug be compiled wrong when $vite

[wzh19960613]

Describe the bug

<template lang="pug">
MyComponent(
    v-model="someReactive['abc'] as any"
    :myProp="(someProp as number).toFixed()"
)
</template>

This can work well when $vite build and $vite preview, but will be compiled to js codes like below when $vite:

// ...
_createVNode($setup["MyComponent"], {
    modelValue: $setup.someReactive['abc'] as any,
    myProp: $props.(someProp as number).toFixed()
}, /* ... */ )
// ...

Hence I can't debug the project as usual.

Reproduction

https://stackblitz.com/edit/vitejs-vite-bzofkr?file=App.vue

Steps to reproduce

No response

System Info

System:
    OS: macOS 12.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
    Memory: 609.39 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 17.8.0 - /usr/local/bin/node
    Yarn: 1.22.18 - /usr/local/bin/yarn
    npm: 8.6.0 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Browsers:
    Chrome: 106.0.5249.119
    Firefox: 81.0
    Safari: 16.0
  npmPackages:
    @vitejs/plugin-vue: ^3.1.2 => 3.1.2 
    vite: ^3.1.8 => 3.1.8

Used Package Manager

yarn

Logs

No response

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]

Duplicate of vitejs/vite-plugin-vue#18