Vetur: how to support cssnext syntax

[wangbinyq]

I want syntax hightlight without no lang set. I just use cssnext for nest selectors.

lang="less"

hightlight ok.

no lang set

error hightlight

[wangbinyq]

or i just want less syntax hightlight default

[octref]

When not specifying lang, <style> defaults to css, according to Vue SFC spec.

vetur only builds support according to Vue SFC. Sorry.

[octref]

Oops, I ignored cssnext part. If there is a good postcss/cssnext grammar out there, I can support it. But I wouldn't want to write postcss support from scratch.

[wangbinyq]

https://github.com/postcss/postcss/issues/409#issuecomment-156291882
There are sublime and atom postcss syntax hightlight

[octref]

OK. This looks more promising though: https://github.com/y0ssar1an/CSS3

I'll look into it and have it by next version.

[octref]

CSS3 uses Sublime Text specific grammar, so I guess the best I can do is to port the Atom PostCSS extension, or include the grammar from https://github.com/azat-io/atom-language-postcss

[octref]

Will be available in next release.

[ElvisKang]

It seems that vetur doesn't support the feature 'nesting' of cssnext

[ghost]

I also found vetur doesn't support nesting syntax.

[octref]

For PostCSS, you only have syntax highlight.
Vetur was using CSS error checking for PostCSS, and I just disabled that.