A vscode plugin called vue-official breaks syntax highlighting

[QianSeNianHua]

Vue - Official extension or vue-tsc version

v2.1.2

VSCode version

1.92.2

Vue version

2.7.16

TypeScript version

System Info

System:
    OS: Windows 10
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 4.01 GB / 15.65 GB
  Binaries:
    Node: 14.21.2
    Yarn: 1.22.19
    npm: 6.14.17
  Browsers:
    Edge: 44.19041.1266.0
    Internet Explorer: 11.0.19041.1202

Steps to reproduce

<template>
   <u-popup v-if="a > b" :show="isShow" @close="isShow = false">
      <ResourceList :defaultValue="defaultResource" :data="resourceList" @cancel="isShowResource = false" @confirm="handleConfirmResource" />
    </u-popup>
<template>

<script>
.......
</script>

The above template contains the special symbol “>” and "isShowResource = false", and all subsequent syntax highlighting has no effect.

What is expected?

I disabled the vue-official plugin and it worked.

What is actually happening?

The effect of turning on the plugin

The effect after disabling the plugin

Link to minimal reproduction

No response

Any additional comments?

No response

[venetc]

Rolling back to 2.0.28 saves the day.
Happens in 2.1.0 and 2.1.2

[TheDutchCoder]

I can confirm the latest two versions no longer work. I can't command+click components anymore and they're not highlighted properly.

[davidmatter]

@TheDutchCoder that sounds unrelated to this issue. Would you please create a new issue with information about your problem and your setup?

[mirko77]

I am not sure this is related, but the same plugin on any version >=2.0.20 changes my highlight from

to

where is that red alter color coming from? I had to revert to an older version (2.0.19) after trying all of them until 2.1.6 which is the latest available to me.

Nothing else changed, let me know if I need to open a new issue.