@vue/eslint-config-prettier

What is @vue/eslint-config-prettier?

@vue/eslint-config-prettier is an ESLint configuration package that disables rules that might conflict with Prettier, a code formatting tool. This package ensures that your Vue.js project adheres to Prettier's formatting rules without any conflicts from ESLint.

What are @vue/eslint-config-prettier's main functionalities?

Disabling conflicting ESLint rules

By extending `@vue/eslint-config-prettier` in your ESLint configuration, you disable all ESLint rules that are unnecessary or might conflict with Prettier. This ensures that Prettier's formatting rules take precedence.

{
  "extends": [
    "@vue/eslint-config-prettier"
  ]
}

Integration with Vue.js projects

This configuration extends both Vue's essential linting rules and Prettier's rules, ensuring that your Vue.js project is linted according to best practices while also being formatted by Prettier.

{
  "extends": [
    "plugin:vue/essential",
    "@vue/eslint-config-prettier"
  ]
}

Other packages similar to @vue/eslint-config-prettier

eslint-config-prettier

eslint-config-prettier is a popular package that turns off all ESLint rules that are unnecessary or might conflict with Prettier. It is not specific to Vue.js and can be used with any JavaScript project.

eslint-plugin-prettier

eslint-plugin-prettier integrates Prettier into ESLint. It runs Prettier as an ESLint rule and reports differences as individual ESLint issues. This package can be used alongside eslint-config-prettier for a comprehensive setup.

eslint-config-airbnb

eslint-config-airbnb is a widely-used ESLint configuration that follows Airbnb's JavaScript style guide. While it does not specifically integrate with Prettier, it can be used in conjunction with eslint-config-prettier to avoid conflicts.

README

@vue/eslint-config-prettier

eslint-config-prettier for vue-cli