@zonedigital/eslint-config-vue

@zonedigital/eslint-config-vue

This package provides Zone's JavaScript style guide for Vue as an extensible shared config. It extends Zones base config.

Requirements

As this package is a config, you'll need to ensure you've installed any peer dependencies.

Yarn

yarn add eslint eslint-plugin-compat eslint-plugin-import eslint-plugin-vue

NPM

npm i eslint eslint-plugin-compat eslint-plugin-import eslint-plugin-vue

Installation

Yarn

yarn add @zonedigital/eslint-config-vue

NPM

npm i @zonedigital/eslint-config-vue

Usage

Add the Zone rules to your eslint config. Be sure to add as the last item.

{
  "extends": [..., "@zonedigital/eslint-config-vue"],
  // ... project config here, if any ...
}

Compat

This config uses eslint-plugin-compat. It lints the browser compatibility of your code via Browserslist.

Adding polyfills

If for example you are using fetch and it is not supported by all the browsers in your support matrix then you can add a polyfill. To tell the linter you have done this, add a reference to the polyfill.

Optional but recommended: Remove duplicated rules from your eslint config.