Semantic highlighting not updated on certain edits

[rchl]

Vue - Official extension or vue-tsc version

v2.1.6

VSCode version

1.94.0

Vue version

3

TypeScript version

5.4.5

System Info

No response

package.json dependencies

No response

Steps to reproduce

1. Create vue document:

<template>
  <div>
    {{ 'xx' }}
    <transition v-if="true" />
  </div>
</template>

2. Start adding more letters within the {{ 'xx' }} string

What is expected?

The semantic highlighting of the transition component is updated correctly.

What is actually happening?

The semantic highlighting of the transition component shifts while typing and doesn't update by itself. A change somewhere else in the document is needed to update it.

Screen.Recording.2024-10-08.at.12.22.56.mov

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-5g13xk?file=index.html,src%2FApp.vue&terminal=dev

Any additional comments?

• The reproduction project needs to be downloaded locally to reproduce.
• This might affect more than just semantic highlighting

[rchl]

Thanks for fixing!

Btw, i think it would make sense to keep this open until upstream package is updated here.