Vue - Official extension or vue-tsc version

3.2.4

VSCode version

1.109.4

Vue version

3.5.28

TypeScript version

5.9.3

System Info

System:
    OS: Windows 11 10.0.26200
    CPU: (16) x64 AMD Ryzen 7 7800X3D 8-Core Processor
    Memory: 19.40 GB / 31.17 GB
  Binaries:
    Node: 22.21.1 - C:\Program Files\nvm4w\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nvm4w\nodejs\yarn.CMD
    npm: 10.9.4 - C:\Program Files\nvm4w\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (140.0.3485.54)
    Firefox: 147.0.3 - C:\Program Files\Mozilla Firefox\firefox.exe
    Firefox Developer Edition: 148.0 - C:\Program Files\Firefox Developer Edition\firefox.exe

package.json dependencies

"dependencies": {
    "vue": "^3.5.28"
  },
  "devDependencies": {
    "@tsconfig/node24": "^24.0.4",
    "@types/node": "^24.10.13",
    "@vitejs/plugin-vue": "^6.0.4",
    "@vue/tsconfig": "^0.8.1",
    "npm-run-all2": "^8.0.4",
    "typescript": "~5.9.3",
    "vite": "^7.3.1",
    "vite-plugin-vue-devtools": "^8.0.6",
    "vue-tsc": "^3.2.4"
  },

Steps to reproduce

1. Install "GraphQL: Syntax Highlighting" in VSCode.
2. Create a new project with vue-create@latest.
3. Fill App.vue with:

<template></template>

<style scoped></style>

<script setup lang="ts">
const graphql = `#graphql
  query GetUser {
    user(id: 1) {
      id
      name
    }
  }
`
</script>

<script lang="ts">
const graphql = `#graphql
  query GetUser {
    user(id: 1) {
      id
      name
    }
  }
`
</script>

Notice how for the VSCode extension above 3.2.x syntax highlighting for GraphQL is not working

4. Select specific version of the extension (3.1.8 is last known working)
5. GraphQL Syntax Highlighting works correctly

What is expected?

For GraphQL Syntax Highlighting to be working correctly

What is actually happening?

GraphQL Syntax Highlighting broken

Link to minimal reproduction

No response

Any additional comments?

No response