Vetur: $style properties incorrect color highlight

Created on 22 Mar 2017  路  4Comments  路  Source: vuejs/vetur

Hello! Thx for a good extension!

When I use $style object from CSS modules, I get incorrect color highlight for some properties like $style.text or $style.title.
Look at the screenshot:
2017-03-22 14 26 28

vetur 0.5.6.
vscode 1.10.2 (1.10.2)

grammar

Most helpful comment

Bug with html grammar. Will fix later today.

All 4 comments

Bug with html grammar. Will fix later today.

It's a problem with your syntax theme, I think.

image

Which one are you using?

I use Material Neutral Theme
Other default themes:
2017-03-23 10 48 51
2017-03-23 10 48 41
2017-03-23 10 48 58
2017-03-23 10 49 28
2017-03-23 10 49 38

Vetur grammar controls how each word is tokenized, but the theme decides how to color each word.

IMO as long as :class has one color and $style.title has a different one, there isn't really anything "wrong" with the theme.

Dark+ certainly can be improved. But that's an issue for VSCode.

Was this page helpful?
0 / 5 - 0 ratings