Syntax highlighting of < and > inside <script>

[2-5]

#1675 not fully solved by 0.39.5, created new issue since I can't reopen that:

[hikariyo]

I'm in the same situation as you.

[hikariyo]

It seems that the problem is caused by Bracket Pair Colorization, which can be turned off in VSCode's Settings.

[johnsoncodehk]

Please track microsoft/vscode#157241.

[hediet]

@johnsoncodehk

I know it is suboptimal, but this bug can be fixed short-term by adding this to the vue grammar contribution:

"unbalancedBracketScopes": [
    "keyword.operator.relational",
    "storage.type.function.arrow",
    "keyword.operator.bitwise.shift",
    "meta.brace.angle",
    "punctuation.definition.tag"
]

Unfortunately, there is a bug in our textmate grammar implementation that only considers unbalancedBracketScopes of the root grammar and not of injected grammars.

[Nercus]

Adding the following to settings.json does help temporarily (at least that fixed it for me 😃):

"editor.language.colorizedBracketPairs": [
    [
        "{",
        "}"
    ],
    [
        "[",
        "]"
    ],
    [
        "(",
        ")"
    ]
]

[hedwiggggg]

Got wrong bracket matching in addition to wrong colorization when using JSX/TSX inside of a .vue file. Workaround was downgrading vs-code to version 1.69.

https://code.visualstudio.com/updates/v1_69