Package Exports

@zazen/eslint-config

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@zazen/eslint-config) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

zazen-eslint-config

ESLint configuration for zazen-generated projects.

Usage

Install the conventions by running:

npm install --save-dev eslint @zazen/eslint-config

Add the extends to your .eslintrc.js:

{
    extends: ['@zazen'],
    rules: { /* … */ },
}

Add the Prettier settings to your package.json:

"prettier": {
    "semi": false,
    "singleQuote": true,
    "trailingComma": "all"
},

Vue.js projects

Install the optionalDependency eslint-plugin-vue:

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

Extend the Vue-specific settings in .eslintrc.js:

{
    extends: ['@zazen', '@zazen/eslint-config/vue'],
    rules: { /* … */ },
}

TypeScript projects

Install optionalDependencies:

npm install --save-dev @typescript-eslint/eslint-plugin eslint-config-standard-with-typescript

Extend TypeScript-specific settings in .eslintrc.js:

{
    extends: ['@zazen', '@zazen/eslint-config/typescript'],
    rules: { /* … */ },
}

Vue.js + TypeScript

Requires some specific parser settings to ensure everything works. See the Vue.js ESLint TypeScript config for more details.

{
    parser: require.resolve('vue-eslint-parser'),
    parserOptions: {
        parser: require.resolve('@typescript-eslint/parser'),
        extraFileExtensions: ['.vue'],
        ecmaFeatures: {
            jsx: true,
        },
    },
}