scss.lint.validProperties seems to be ignored in .vue files

yulianovdey commented 5 years ago

[x] I have searched through existing issues
[x] I have read through docs
[x] I have read FAQ

Info

Platform: macOS
Vetur version: 0.14.3
VS Code version: 1.30.1

Problem

I'm using CSS modules with SCSS in a single file component and I've set "scss.lint.validProperties": ["composes"] in my settings.json which suppresses the warning below for .scss files, but doesn't suppress it for <style> blocks:

screen shot 2018-12-25 at 1 03 18 pm

I've set "vetur.validation.style": false, as a workaround for now.

Reproducible case

Component.vue

<style lang="scss" module>
.className {
  composes: labelContainer from './_file.scss';
}
</style>

settings.json

"scss.lint.validProperties": ["composes"]

octref commented 5 years ago

Yeah, unfortunately Vetur do not read SCSS linting settings as of yet.

chanon commented 5 years ago

Would also love this for setting

"scss.lint.emptyRules": "ignore"

vpiskunov commented 5 years ago

Any workarounds? This is a real needed one - with NativeScript + Vue projects, some of the CSS properties are differently named / some more are added(it's resembling CSS, but properties differ)

Need to be able to ignore those warnings - otherwise warnings list is rather large!

Perhaps any other linter we could switch to manually for

vuejs / vetur