# eslint-config-divi-extension

> ESLint configuration used by Create Divi Extension

Latest version **1.0.0** (published 2018-04-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install eslint-config-divi-extension
pnpm add eslint-config-divi-extension
yarn add eslint-config-divi-extension
bun add eslint-config-divi-extension
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-04-19 |
| First published | 2018-02-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 12.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | etdevs, lots0logs |

## Links

- npm: https://www.npmjs.com/package/eslint-config-divi-extension
- Repository: https://github.com/elegantthemes/create-divi-extension
- Homepage: https://github.com/elegantthemes/create-divi-extension#readme
- Issues: https://github.com/elegantthemes/create-divi-extension/issues
- npm.io page: https://npm.io/package/eslint-config-divi-extension

## Dependencies (1)

- [confusing-browser-globals](https://npm.io/package/confusing-browser-globals.md) ^2.0.0-next

## Recent versions

- 1.0.0 (latest) — 2018-04-19
- 1.0.0-beta.17 — 2018-04-18
- 1.0.0-beta.16 — 2018-04-17
- 1.0.0-beta.15 — 2018-04-17
- 1.0.0-beta.14 — 2018-04-13
- 1.0.0-beta.13 — 2018-04-03
- 1.0.0-beta.12 — 2018-04-02
- 1.0.0-beta.11 — 2018-03-30
- 1.0.0-beta.10 — 2018-03-30
- 1.0.0-beta.9 — 2018-03-29
- 1.0.0-beta.8 — 2018-03-29
- 1.0.0-beta.7 — 2018-03-29
- 1.0.0-beta.6 — 2018-03-21
- 1.0.0-beta.5 — 2018-03-20
- 1.0.0-beta.4 — 2018-03-18
- … 17 more at https://npm.io/package/eslint-config-divi-extension/versions

## README

# eslint-config-divi-extension

This package includes the shareable ESLint configuration used by [Create Divi Extension](https://github.com/elegantthemes/create-divi-extension).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/elegantthemes/create-divi-extension/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/elegantthemes/create-divi-extension/blob/master/packages/divi-scripts/template/README.md) – How to develop apps bootstrapped with Create Divi Extension.

## Usage in Create Divi Extension Projects

The easiest way to use this configuration is with [Create Divi Extension](https://github.com/elegantthemes/create-divi-extension), which includes it by default.

**You don’t need to install it separately in Create Divi Extension projects.**

## Usage Outside of Create Divi Extension

If you want to use this ESLint configuration in a project not built with Create Divi Extension, you can install it with following steps.

First, install this package, ESLint and the necessary plugins.

  ```sh
  npm install --save-dev eslint-config-divi-extension babel-eslint@^7.2.3 eslint@^4.1.1 eslint-plugin-flowtype@^2.34.1 eslint-plugin-import@^2.6.0 eslint-plugin-jsx-a11y@^5.1.1 eslint-plugin-react@^7.1.0
  ```

Then create a file named `.eslintrc` with following contents in the root folder of your project:

  ```js
  {
    "extends": "react-app"
  }
  ```

  That's it! You can override the settings from `eslint-config-divi-extension` by editing the `.eslintrc` file. Learn more about [configuring ESLint](http://eslint.org/docs/user-guide/configuring) on the ESLint website.

## Accessibility Checks

The following rules from the [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) plugin are activated:

- [accessible-emoji](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/accessible-emoji.md)
- [alt-text](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/alt-text.md)
- [anchor-has-content](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-has-content.md)
- [aria-activedescendant-has-tabindex](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-activedescendant-has-tabindex.md)
- [aria-props](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-props.md)
- [aria-proptypes](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-proptypes.md)
- [aria-role](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-role.md)
- [aria-unsupported-elements](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-unsupported-elements.md)
- [heading-has-content](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/heading-has-content.md)
- [href-no-hash](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/v5.1.1/docs/rules/href-no-hash.md)
- [iframe-has-title](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/iframe-has-title.md)
- [img-redundant-alt](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/img-redundant-alt.md)
- [no-access-key](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-access-key.md)
- [no-distracting-elements](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-distracting-elements.md)
- [no-redundant-roles](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-redundant-roles.md)
- [role-has-required-aria-props](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-has-required-aria-props.md)
- [role-supports-aria-props](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-supports-aria-props.md)
- [scope](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/scope.md)

If you want to enable even more accessibility rules, you can create an `.eslintrc` file in the root of your project with this content:

  ```json
  {
    "extends": ["react-app", "plugin:jsx-a11y/recommended"],
    "plugins": ["jsx-a11y"]
  }
  ```

However, if you are using [Create Divi Extension](https://github.com/elegantthemes/create-divi-extension) and have not ejected, any additional rules will only be displayed in the [IDE integrations](https://github.com/elegantthemes/create-divi-extension/blob/master/packages/divi-scripts/template/README.md#displaying-lint-output-in-the-editor), but not in the browser or the terminal.

---
_Source: https://npm.io/package/eslint-config-divi-extension · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._