eslint-plugin-vue-scoped-css

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

Features

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

• Enforce best practices for Scoped CSS.
• Supports CSS and SCSS syntax.

You can check on the Online DEMO.

Documentation

See documents.

Installation

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

Usage

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-unused-selector': 'error'
  }
}

Configs

This plugin provides 3 predefined configs:

• plugin:vue-scoped-css/base - Settings and rules to enable this plugin
• plugin:vue-scoped-css/recommended - Above, plus rules for better ways to help you avoid problems
• plugin:vue-scoped-css/all - All rules of this plugin are included

Rules

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

Base Rules (Enabling Plugin)

Enable this plugin using with:

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

Recommended

Enforce all the rules in this category with:

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

Uncategorized

Contributing

Welcome contributing!

Please use GitHub's Issues/PRs.

Development Tools

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

License

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