Syntax highlighting of arrow => after upgrade to VS Code 1.70

After today’s upgrade of VS Code to 1.70 the syntax highlighting of => in .vue files changed. Also notice the < and > in tags.

Compare .vue with .ts file:

[jb-qian]

open /Users/${username}/.vscode/extensions/vue.volar-0.39.4-darwin-x64/syntaxes/vue.tmLanguage.json

change "begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)ts\\b\\2)", to "begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)\\ts\\b\\2)", or "begin": #"([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)ts\\b)\\2",

reload vscode(v1.70.0)

it seems that it can be solved temporarily

[bcurtin144]

I think the problem is that the TextMate regular expression rules mark the <script lang="ts"> tag itself as TypeScript, at which point VS Code tries to apply bracket pair colorization and gets tripped up on the >, which continues on to other angle bracket symbols, like =>.

I’m definitely not an expert at TextMate, but it would seem that the solution would be to apply TypeScript rules only to what’s between the <script lang="ts">...</script> tags, and not the tags themselves.