In SFC, a typescript type declaration at the bottom of the script block (non-setup) would break the syntax highlighting

[zlinst]

Vue - Official extension or vue-tsc version

2.2.10

VSCode version

1.99.3

Vue version

3.5.13

TypeScript version

5.8.3

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 9 8945HS w/ Radeon 780M Graphics
    Memory: 7.70 GB / 31.29 GB
  Binaries:
    Node: 22.14.0 - ~\scoop\apps\nvm\current\nodejs\nodejs\node.EXE
    npm: 10.9.2 - ~\scoop\apps\nvm\current\nodejs\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

package.json dependencies

{
  "dependencies": {
    "@nuxt/ui": "^3.1.1",
    "@pinia/nuxt": "^0.11.0",
    "@vueuse/components": "^13.1.0",
    "@vueuse/core": "^13.1.0",
    "dayjs": "^1.11.13",
    "lodash-es": "^4.17.21",
    "nuxt": "^3.17.1",
    "pinia": "^3.0.2",
    "vue": "^3.5.13",
    "vue-router": "^4.5.0",
    "zod": "^3.24.3"
  },
  "devDependencies": {
    "@iconify-json/lucide": "^1.2.36",
    "@nuxt/eslint": "^1.3.0",
    "@types/lodash-es": "^4.17.12",
    "@types/node": "^22.14.1",
    "eslint": "^9.24.0",
    "rumble-types": "github:superteem-tech/rumble-types#1.14.12-0",
    "typescript": "^5.8.3",
    "vue-tsc": "^2.2.8"
  },
  "optionalDependencies": {
    "@rollup/rollup-linux-x64-gnu": "4.40.0"
  }
}

Steps to reproduce

A typescript type declaration in the bottom of <script lang="ts"> block would cause the syntax highlighting not working.

e.g.

<script lang="ts">
export type SidebarMenuItem = {
  name: string
}
</script>

<template>
  <h1>Hello</h1>
</template>

Screenshot

What is expected?

Syntax highlighting works as expected:

What is actually happening?

Link to minimal reproduction

No response

Any additional comments?

No response