Vue Component Syntax highlighting

[hy-dragon]

Vue - Official extension or vue-tsc version

2.2.6

VSCode version

1.97.2

Vue version

2.6.14 和 3.4.31

TypeScript version

5.7.3

System Info

windows 11

package.json dependencies

vue 2.6.14
{
  "dependencies": {
    "@handsontable/vue": "^14.5.0",
    "core-js": "^3.8.3",
    "element-ui": "^2.15.14",
    "handsontable": "^14.5.0",
    "lodash": "^4.17.21",
    "normalize.css": "^8.0.1",
    "vue": "^2.6.14",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2",
    "vxe-table": "^3.8.19",
    "xe-clipboard": "^1.10.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0",
    "vue-template-compiler": "^2.6.14"
  }
}

vue3.4.31
{
  "dependencies": {
    "@element-plus/icons-vue": "^2.3.1",
    "element-plus": "^2.7.7",
    "vue": "^3.4.31",
    "vue-router": "^4.4.0"
  },
  "devDependencies": {
    "@types/node": "^20.14.11",
    "@vitejs/plugin-vue": "^5.0.5",
    "sass": "^1.77.8",
    "sass-loader": "^14.2.1",
    "typescript": "^5.2.2",
    "vite": "^5.3.4",
    "vue-tsc": "^2.0.24"
  }
}

Steps to reproduce

vue2 和 vue3 中模板中使用自定义组件显示的颜色不正确，但是全局组件，显示颜色高亮解析是正确的

vue2 中的代码和效果截图如下：

vue3 中的代码和效果截图如下：

What is expected?

自定义 vue 组件模板中被使用的时候能正确显示自定义组件的语法高亮颜色的解析

What is actually happening?

自定义语法高亮的插件显示不正确

Link to minimal reproduction

No response

Any additional comments?

No response

[KazariEX]

This is expected behavior, since semantic tokens have a higher priority. You can disable editor.semanticHighlighting.enabled VSCode configuration to apply your custom token colors.