Class string color scopes incorrect when v-model contains TS "as" cast

[qgates]

Example:

<textarea
  v-model="var as string"
  class="fld-module h-full resize-none">
...

Class string is assigned incorrect scopes meta.namespace.declaration.ts and source.ts.embedded.html.vue etc..

The order of attributes seems to make no difference. Workarounds:

• bracket the entire v-model expression eg. v-model="(var as string)"
• use angle bracket casting instead, eg. v-model="<string>var"

How it appears (using tomorrow night theme):

How it should appear:

[johnsoncodehk]

This problem similar to #112, it's embed language syntax issue, we can't fix, you need to use () to catch it.

[qgates]

@johnsoncodehk which upstream package is responsible for this issue?

[johnsoncodehk]

This: https://github.com/microsoft/TypeScript-TmLanguage

[mesqueeb]

@johnsoncodehk adding round parentheses fixes it. It might be interesting for volar to auto-add those inside templates.

Should I open a FR for this?

[johnsoncodehk]

@mesqueeb you can open a FR, but there is not necessarily a way to do it.