Prettier и ESLint (в VSC) конфликтуют по поводу пробелов перед скобками — data() — как их подружить?

Question

[Роман]

Я пока прописал в .eslintrc.js
'space-before-function-paren': 'off'
но это не есть хорошо, потому что по идее, эти пробелы-таки нужны.

Но как настроить Prettier, чтобы он не превращал data () в data() - я не понимаю.

Или посоветуйте другой formatter для Vue в VSC пожалуйста.

Спасибо.

Comments

[Василий Банников]

но это не есть хорошо, потому что по идее, эти пробелы-таки нужны.

Для чего нужны?

[Роман]

Василий Банников, ну, какой-то стандарт есть, или типа того. Я так понимаю что-то вроде PSR-12, только для JS.

[Василий Банников]

Роман, в js всё очень рзношёрстно. Тут нет единого стандарта.

Answer 1

[Дмитрий Беляев]

Ну во-первых, настроить eslint правильно: https://eslint.org/docs/rules/space-before-functio...
В Вашем случае нужен не 'off', а ['error', 'always']
Во-вторых, настроить остальные правила в eslint согласно принятому код стайлу
В-третьих, заменить prettier на eslint --fix и выкинуть prettier за не надобностью, ибо eslint из коробки умеет все то же, что и prettier и много чего еще, а с плагинами его возможности вообще безграничны

Comments

[Роман]

В-третьих, заменить prettier на eslint --fix и выкинуть prettier за не надобностью, ибо eslint из коробки умеет все то же, что и prettier и много чего еще

Но мне VSC не предлагает установить ESLint в качестве formatter по умолчанию.

Т.е. чтобы Shift+Alt+F форматировал код красиво и по правилам.

[Дмитрий Беляев]

Роман,

{
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  }
}

Доступно, если поставить https://marketplace.visualstudio.com/items?itemNam...

[WbICHA]

В-третьих, заменить prettier на eslint --fix и выкинуть prettier за не надобностью, ибо eslint из коробки умеет все то же, что и prettier и много чего еще, а с плагинами его возможности вообще безграничны

Спорно, очень спорно. Преттиер отвечает только за "внешность" кода, никак не трогая его функциональность, а значит при сохранении он точно ничего не сломает.
Аутофиксы еслинта же намного более функциональны и банальные автоимпорты смогут стать неприятным сюрпризом.

Answer 2

[WbICHA]

https://www.npmjs.com/package/eslint-config-prettier