Highlight issue on <script> tag

[leonardssh]

> & < shouldn't be red.

[leonardssh]

I've found the issue, apparently that red arrows highlight appears when lang="ts".

lang="ts"

lang="js"

no lang

[LoiLock]

Does this work?

<script lang="ts" setup>
</script>

[leonardssh]

Does this work?

<script lang="ts" setup>
</script>

Nope, it was the first thing I tried, to no avail.

[LeanderD]

I have a similar problem and I'm not sure it's this extension that's causing it.

For me it looks like this:

And:

If I remove lang="ts" or change it to lang="js" the syntax highlighting is correct.

Going back to an older version of this extension isn't fixing it either, disabling VSCode's bracket pair colorization does...
(I went back to a version from two months ago. The issue is quite recent and was still there with the older versions)

Update
I ran Extension Bisect and this is the result:

So at least for me it's safe to say it's not this extension.
@leonardssh Maybe you can run the extension bisect as well. (command palettte -> Help: Start Extension Bisect)

Hope this helps!

[leonardssh]

@LeanderD You've right, the issue doesn't come from the Volar extension, its an issue with vscode bracket pair colorization. Thanks! I think I can close this issue, during its not a valid one.

[JohnCampionJr]

This has been marked as an extension problem by the VS Code team. Seems the beginning and ending tags are being returned as two different language types.

microsoft/vscode#156168 (comment)

[tujianglin]

The question is <script lang="ts”> ; The resulting parentheses have a different color. It has nothing to do with Volar. Does anyone know the solution

[James-Laidlaw]

@jb-qian found a temporary solution in the other issue thread for this problem (#1675 ) (we should probably close one of them by the way)

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