vuejs / language-tools

⚡ High-performance Vue language tooling based-on Volar.js
https://marketplace.visualstudio.com/items?itemName=Vue.volar
MIT License
5.79k stars 392 forks source link

Syntax Highlighting broken after instanceof check #4534

Open Fuzzyma opened 3 months ago

Fuzzyma commented 3 months ago

Vue - Official extension or vue-tsc version

v2.0.26

VSCode version

1.90.2

Vue version

2.0.24

TypeScript version

5.5.3

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)
    CPU: (16) x64 AMD Ryzen 7 PRO 6850HS with Radeon Graphics
    Memory: 11.56 GB / 15.28 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 22.2.0 - ~/.nvm/versions/node/v22.2.0/bin/node
    npm: 10.7.0 - ~/.nvm/versions/node/v22.2.0/bin/npm
    bun: 1.1.8 - ~/.bun/bin/bun
  Browsers:
    Chrome: 126.0.6478.55

I am running inside WSL so the browsers are probably wrong

Steps to reproduce

<template>
  <div v-if="foo instanceof Bar"></div>
</template>

<script setup lang="ts">
const foo = {}
class Bar {}
</script>

What is expected?

Proper syntax highlighting

What is actually happening?

Broken

grafik

Link to minimal reproduction

https://play.vuejs.org/#eNp9kTFvwyAQhf8KYk7joZ0iJ1JTZWiHtmo7siB8dkkxIDhcS5b/ew+spBmibNy97z0eYuKP3q+HBHzDa4TeG4mwE5axutEDG+50uxW8dY5pG1FaBa5lexkELxBjBa2IpbmuLhJojCpojywCJs+MtB1FYSxW5SiO5dwtm2aajYwxB5eprhbrjq/IQGyru/UxOkstp3yj4Mr1XhsIbx41ZQm+YUXJmjTG/b6UHYYEq9NefYP6ubI/xjHvBH8PECEMIPhZQxk6wEU+fL7CSOez2LsmGaJviB8QnUm544Ltk22o9gVX2j733gXUtvuKhxHBxtOjctFMzoUXnL7q6cbT/+verx+KT9iZz389S6Bo

Any additional comments?

No response

so1ve commented 3 months ago

Duplicate of #520

so1ve commented 3 months ago

I guess should be partially fixed by https://github.com/vuejs/language-tools/pull/4412?