Unable to add a space before function parens

[Sean Groff]

Default behavior for ESLint is to add a space before function parens. This is also a defined rule with StandardJS.

eslint space-before-function-paren

Currently, if you use the Prettier VS Code extension and enable "editor.formatOnSave": true in your settings.json the space between the function name and parens is removed on save. There is no way to control this behavior in Prettier.

[Cyril Junod]

Does it work as expected if you call Format document instead of relying on formatOnSave?

[Sean Groff]

@CiGit I forgot to mention I tried this as well and it does not make a difference. Any other information that might be helpful to include on this issue?

[Cyril Junod]

I will suppose you enabled eslintInegration.

Would need some debugging.

[Bayek]

I got the same problem here, it just remove the space before function parens no matter how you config the eslintrc.js

[lilililee]

same problem +1

[Daan Geurts]

Same problem here +1

[Paul Smith]

Same problem +1

[Felipe Balbi]

same here

[maxmannen]

Same here

[Leman FENG]

+1

[Kamal Eddin]

+1

[Seven]

+1

[Juan Carlos Pérez]

I guess it's one of those cases where a linting rule conflicts with a prettier rule. Unfortunately in prettier there is no way we can sync the desired behaviour described on a lint configuration.
The only way I see I can stop focusing about linting and keep focus on code is to disable this lint rule in favour of what prettier offers. I really would like to see more integration between prettier and linters, specially for pretty code rules.

[Paul Smith]

This isn't a problem with linting as much as it is a case of overreach and lack of configurability. The whole point of the original post is that it is turning an export into a function call, which changes the execution of that line of code.

[João Dias]

same problem +1

[Alejandro G. Carlstein Ramos Mejia]

Even when I add spaceBeforeFunctionParen as true in the .prettierrc file, when running Format Document in a vue file, the space between the keyword function and the parenthesis is removed. So from data () {} (which is what I need so ESLint doesn't complain) it turn into data() {}. :(

[莫居尘]

Same here

[kothanzaw]

same +1

[Tiago Almeida]

same problem +1

[Davide Prevosto]

The same is happening to me

[TheDoctor96]

same

[Gustavo Cardoso]

Same here!

[Kamal Eddin]

same +1

[Natale Toscano]

^^

[yuvachang]

I'm having this issue too. Any resolution yet?

[Natale Toscano]

I'm having this issue too. Any resolution yet?

I just went and disabled the rule in my eslint config.

[Rebeccca Peltz]

same problem

[thanhdevapp]

same problem + 1

[Igor Túllio]

Same here

[Ilan Herbach]

Same issue here.

[An Ho]

Same issue with vue :(

[Alexander Khimich]

+1

[Pascal Wasem]

+1

[Nick Chursin]

+1

[Nathan Totten]

So this is really just a difference of opinion of the formatter and linter. The only solution is to match eslint with what prettier allows. The recommendation is to disable formatting rules in eslint and just let prettier handle this: https://prettier.io/docs/en/integrating-with-linters.html#disable-formatting-rules

If you would like a setting in prettier for this, you will need to open an issue in the core repo to suggest that option: http://github.com/prettier/prettier