@vue/eslint-config-prettier fails since 4.0.0

Version

3.1.1

Node and OS info

latest node, latest win10 and MacOS High Sierra.

Steps to reproduce

Create a project with vue-cli and @vue/eslint-config-prettier@4.0.0 or 4.0.1. Add vue/max-attributes-per-line rule.

The prettier makes carriage return without tabulation, then linter fails very often with the same error:

error: Attribute "icon" should be on a new line (vue/max-attributes-per-line) at src\views\View.vue:33:24:
  31 |         <template slot-scope="{ row }">
  32 |           <router-link :to="{ name: 'name', params: { param: value } }">
> 33 |             <el-button icon="el-icon"
     |                        ^
  34 | size="small" />
  35 |           </router-link>
  36 |         </template>

What is expected?

prettier makes my code pretty.

What is actually happening?

prettier makes my code ugly.

---

Since 4.0.0. We’ve checked all other deps.

[houd1ni]

@LinusBorg Thanx! I’ll wait for the merge and test again, then close the issue if OK.

[sodatea]

The prettier config is quite different from other configs, that is, it is used to disable certain rules rather than enabling rules. So it might be a better practice to always put it at the end of the extends array to ensure the rule override has taken effect. For your own custom rules, put them into a separate config file and prepend the path to extends in .eslintrc.js.