Vue - Official extension or vue-tsc version

3.0.2

VSCode version

1.102.1 (Universal)

Vue version

= 3

TypeScript version

3.0.2

System Info

package.json dependencies

{
"dependencies": {
    "@iconify-json/lucide": "^1.2.56",
    "@iconify-json/simple-icons": "^1.2.43",
    "@nuxt/image": "1.10.0",
    "@nuxt/ui": "^3.2.0",
    "@pinia/nuxt": "^0.11.2",
    "nuxt": "^4.0.0"
  },
  "devDependencies": {
    "@nuxt/eslint": "^1.6.0",
    "eslint": "^9.30.1",
    "typescript": "^5.8.3",
    "vue-tsc": "^3.0.2"
  }
}

Steps to reproduce

None, just use npx nuxi init -t ui and you will see what happened

What is expected?

All tags for Vue components should be visually differentiated from standard HTML tags, so it is easier to identify and work with them in the code.

What is actually happening?

Hello,
First, thank you for your continued work—your updates have greatly improved my coding experience and productivity!

I have a question regarding tag coloring in Vue components. I use Nuxt 4 with a single tsconfig.json. Previously, with version 3.0.1 and the "Github Dark Default" theme, the tags in my Vue components were styled in orange and italic, which made them easy to distinguish. After updating to 3.0.2, the tag coloring for Vue components now appears like regular tags, losing the distinctive orange italic style.

I am more comfortable with the previous styling. Is this change due to the 3.0.2 update, or is there a way to modify my VS Code settings or theme to restore the old tag appearance? Any guidance or workaround would be appreciated.

Thank you again for your hard work—these updates have been very helpful and have sped up my workflow!

Link to minimal reproduction

No response

Any additional comments?

No response