<style> block is treated as JS

Hi,

After upgrading to eslint-plugin-vue v3 and finally figuring out to turn off eslint-plugin-html , I got some max-lenerrors in style block - mostly background rules.

Is this expected that eslint-plugin-vue will lint CSS?

ESLint version: 4.4.1 eslint-plugin-vue: 3.11.0 vue-eslint-parser: 2.0.0-beta.6

[mysticatea]

Thank you for this issue.

However, this is one of known limitations. The rule checks source code texts instead of AST trees, so lines which are on outside of <script> causes max-len errors.

There is no workaround for now. I can refactor the rule as using AST instead of texts.

As a side note, this plugin uses a different mechanism to eslint-plugin-html.

• eslint-plugin-html is using preprocessors. It transforms source codes before parsers and rules use the source codes. In eslint-plugin-html case, it extracts only inside of <script>, then parsers and rules use it.
• eslint-plugin-vue does not use the preprocessor. This parser parses whole source code of .vue files and rules use the whole source code. If eslint-plugin-vue uses the preprocessors, it removes outside of <script>, this parser cannot generate AST of <template>, so eslint-plugin-vue cannot use the preprocessors.

[msokk]

Thanks for clarifying. I only got max-len errors and most of the affected rules can be spread over multiple lines and with airbnb config long urls are ignored. So overall I easily fixed those few max-len ones.