Incorrect scopes when (script, style) tag attributes are not single line

[webdevnerdstuff]

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 the lang="ts" attribute.

In this example it is using the correct scopes.

textmate scope for Foo

entity.name.type.interface.ts
meta.interface.ts
source.ts
source.vue

textmate scope for Bar

entity.name.type.alias.ts
meta.type.declaration.ts
source.ts
source.vue

<script setup lang="ts">
  export interface Foo {
    bar: string;
  }
  export type Bar = {
    foo: string;
  }
</script>

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

entity.name.type.interface.js
meta.interface.js
source.js
source.vue

textmate scope for Bar

entity.name.type.alias.js
meta.type.declaration.js
source.js
source.vue

<script
  setup 
  lang="ts"
>
  export interface Foo {
    bar: string;
  }
  export type Bar = {
    foo: string;
  }
</script>

It also does the same for the style blocks. Causing scss scopes to be css.

Additional Problem
Because of this incorrect scope assignment, it causes syntax highlighting issue for VSCode themes using the correct scopes.

[johnsoncodehk]

Thank you for your report. I am currently unable to allocate time to investigate it. But the issue may be related to this line:

language-tools/extensions/vscode/syntaxes/vue.tmLanguage.json

Line 347 in 416882d

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

[KazariEX]

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.

[marpe]

Other settings seem to be causing problems too. I was using Wrap Attributes: force-aligned which causes the script tag and code to auto format like this:

<script lang="ts"
        setup>
        import { type ResolvedRoute, type ToCallback, useRoute } from '@kitbag/router';
        import CenteredContainer from '#root/components/scaffolding/CenteredContainer.vue';

        const route = useRoute();

        const { breadcrumbs } = defineProps<{
          breadcrumbs?: { name: string; to: ResolvedRoute | ToCallback; }[];
        }>();

        console.dir(breadcrumbs);

</script>

even though i have initial indent turned off. Just happy I eventually found the setting that was the culprit, this behavior rendered vscode totally unusable for me