Vetur: Make <PascalCase> component highlight is optional

Created on 4 Sep 2020  路  5Comments  路  Source: vuejs/vetur

Please make this highlight as an option in the settings. It was convenient for me when all components were highlighted like html tags.
image

grammar question

Most helpful comment

@neyasbltb88 You can overwrite it using VsCode Developer: Inspect Editor Tokens and Scope.

image

Then in your settings.json you can customize it

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "support.class.component.html",
        "settings": {
          "foreground": "#aeaf55 (the color you want here)"
        }
      }
    ]
  },
  },

All 5 comments

I agree completely

@neyasbltb88 You can overwrite it using VsCode Developer: Inspect Editor Tokens and Scope.

image

Then in your settings.json you can customize it

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "support.class.component.html",
        "settings": {
          "foreground": "#aeaf55 (the color you want here)"
        }
      }
    ]
  },
  },

@victorgarciaesgi Thank you, it works

it should be highlighted with color of other tags

As @victorgarciaesgi said this is configurable.
I won't offer an option since VS Code doesn't allow dynamic language grammar, and this is consistent with JSX/TSX highlighting.

Was this page helpful?
0 / 5 - 0 ratings