eslint-plugin-vue-scoped-css is ESLint plugin for Scoped CSS in Vue.js.

This ESLint plugin provides linting rules specific to Scoped CSS in Vue.js.

You can check on the Online DEMO.

See documents.

npm install --save-dev eslint-plugin-vue-scoped-css

Create .eslintrc.* file to configure rules. See also: http://eslint.org/docs/user-guide/configuring.

Example .eslintrc.js:

module.exports = { extends: [ // add more generic rulesets here, such as: // 'eslint:recommended', 'plugin:vue-scoped-css/recommended' ], rules: { // override/add rules settings here, such as: // 'vue-scoped-css/no-warning-html-comments': 'error' } }

This plugin provides 3 predefined configs:

• plugin:vue-scoped-css/base - Settings and rules to enable correct ESLint parsing
• plugin:vue-scoped-css/recommended - Above, plus rules to improve code experience
• plugin:vue-scoped-css/all - All rules of this plugin are included

The --fix option on the command line automatically fixes problems reported by rules which have a wrench 🔧 below.

Enable this plugin using with:

{ "extends": "plugin:vue-scoped-css/base" }

Enforce all the rules in this category with:

{ "extends": "plugin:vue-scoped-css/recommended" }

Welcome contributing!

Please use GitHub's Issues/PRs.

• npm test runs tests and measures coverage.
• npm run update runs in order to update readme and recommended configuration.

See the LICENSE file for license rights and limitations (MIT).