v-model hmr has problem

[bigMeowCoding]

Related plugins

• plugin-vue

• plugin-vue-jsx

Describe the bug

v-model directive changed, vite hmr not work at immediate

Reproduction

https://stackblitz.com/edit/vitejs-vite-edgswe?file=src%2FApp.vue&terminal=dev

Steps to reproduce

change first input :value to v-model , the code vue bidirectional binding should work right now, but page hmr not work ，You need to refresh the page manually:)

System Info

System:
    OS: macOS 13.4.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 189.73 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.1 - /usr/local/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 9.8.1 - /usr/local/bin/npm
    pnpm: 8.7.4 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 117.0.5938.149
    Safari: 16.5.2
  npmPackages:
    @vitejs/plugin-vue: 4.4.0 => 4.4.0 
    @vitejs/plugin-vue-jsx: 3.0.2 => 3.0.2 
    @vitejs/test-example-external-component: file:example-external-component => 0.0.0 
    vite: ^4.4.11 => 4.4.11

Used Package Manager

npm

Logs

23

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.