VOOZH about

URL: https://vuejs.github.io/vetur/guide/semantic-highlighting.html

⇱ Semantic Highlighting | Vetur


# Semantic Highlighting

https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide (opens new window)

Vetur supports semantic highlighting for the following languages:

  • TypeScript
  • JavaScript

# Ref in composition API

The .value will get property.refValue. Vetur will automatic underline .value. You can set { "vetur.underline.refValue": false } to close it in vscode setting.

And use this setting for customize style.

{
 "editor.semanticTokenColorCustomizations": {
 "enabled": true,
 "rules": {
 "property.refValue": {
 "underline": true
 }
 }
 }
}

Syntax Highlighting Snippet