Как я могу изменить правило elsint на более симпатичный в проекте vue? Проект сделан с обычным Vue Cli

Question

Я пытаюсь выполнить проверку eslint

<!-- ✓ GOOD -->
<MyComponent
    lorem="1"
    ipsum="2"
/>

<!-- ✗ BAD -->
<MyComponent lorem="1" ipsum="2"/>

Обычный eslint Vue CLI для Prettier помечает это как предупреждение

<button
    @click="test"
    class="test"
    ref="test"
/>

Предупреждающее сообщение:

Replace `⏎······@click="test"⏎······class="test"⏎······ref="test"⏎····` with `·@click="test"·class="test"·ref="test"` eslint(prettier/prettier)

Как я могу это изменить?

Для Преттиэра мы можем установить правило 'wrapAttributes: true' в .prettierrc, но как изменить предупреждение eslint?

Мой .eslintrc

module.exports = {
    root: true,
    env: {
        node: true
    },
    //other options: 'plugin:vue/essential', 'plugin:vue/strongly-recommended', 'plugin:prettier/recommended'
    extends: ['plugin:vue/essential', '@vue/prettier'],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
    },
    parserOptions: {
    parser: 'babel-eslint'
    }
}