Open webdevnerdstuff opened 8 months ago
Thank you for your report. I am currently unable to allocate time to investigate it. But the issue may be related to this line: https://github.com/vuejs/language-tools/blob/416882d827347eb5c0a5e0fd0a9228307637987c/extensions/vscode/syntaxes/vue.tmLanguage.json#L347
https://macromates.com/manual/en/language_grammars#language_rules
Note that the regular expressions are matched against only a single line of the document at a time. That means it is not possible to use a pattern that matches multiple lines.
Specs: VSCode: v1.87.0 (Universal) Vue Official Extension: v2.0.5
After the most recent update said to remove: TypeScript Vue Plugin (Volar) v1.8.27
Issue: When the VSCode setting is set to
"html.format.wrapAttributes": "force-expand-multiline"
, it is causing Typescript code to be considered "javascript" in the scopes and is not recognizing things via thelang="ts"
attribute.In this example it is using the correct scopes.
textmate scope for
Foo
textmate scope for
Bar
But when VSCode wraps the script tag attributes (which it did not do before removing Volar using the same html.format.wrapAttributes setting) causes the following to have scopes as:
textmate scope for
Foo
textmate scope for
Bar
It also does the same for the
style
blocks. Causingscss
scopes to becss
.Additional Problem Because of this incorrect scope assignment, it causes syntax highlighting issue for VSCode themes using the correct scopes.