[Bug] `instanceof` syntax highlighting is broken

[wenfangdu]

JavaScript and TypeScript Nightly version: 5.2.20230704

Code
https://github.com/wenfangdu/vite-vue-3/blob/instanceof/src/App.vue#L7-L18

[sheetalkamat]

This isnt covered by the grammar in this repo.

[wenfangdu]

@sheetalkamat Could TypeScript-TmLanguage cover this syntax? If not, which repo is responsible for this?

[douira]

If the language allows this without erroring either the compiler is wrong or the highlighting is wrong. Some component in this has the responsibility to deal with this feature, either by requiring parentheses or by highlighting the permitted syntax.
What does "This isn't covered by the grammar in this repo." mean? Does it mean such constructs are out of scope for this repo? If so, then why does vue language features not have anything to do with this, according to them?

[johnsoncodehk]

@sheetalkamat As far as I know, this problem cannot be solved in Vue's TM Language. But I found that the following changes to TypeScript-TmLanguage can solve most of the syntax issues we encountered in Vue template, I'm not sure if it's the right fix for this project.

johnsoncodehk@2e853d3

[douira]

Since vue language tools can't fix it, the responsibility to deal with this evidently falls to the TS language grammar (this repo). Maybe you could just make a PR?

[Fuzzyma]

@sheetalkamat since you closed this and a fix seems to be available, what are the chances of reopening this and merging the fix?

[Tamas-hi]

I have followed a pretty long road from my Vue project until here to find out the source of my issue.
As I see, a lot of things have been addressed, merged, but as of today, syntax highlighting is still broken.

Do I miss something or this is still a problem and a new issue should be open?

[sdasun]

Same as @Tamas-hi, followed here long path from Vue.

The same issue can happen on :class / :style bindings.