How can I prevent prettier from taking multi-line array to a single line?

Hi,

I can figure out how to prevent prettier from flatting out the below into a single line.

I want to keep this.
imports: [
BrowserModule,
AppRoutingModule
],

I don't want this.
imports: [ BrowserModule, AppRoutingModule ],

What setting do I need to change? Thank you!!!!!!!!

Karl

[CiGit]

It's not possible with prettier.
With eslint, this may help you: https://eslint.org/docs/rules/array-element-newline

[vesper8]

I too am having the same problem. Isn't it possible to disable this behaviour of prettier??

Did you figure out a solution that doesn't involve completely disabling Prettier @kdawg1406 ?

@vesper8 nope never did. Just disabled it.

[deanvaessen]

Workaround: https://prettier.io/docs/en/ignore.html :)

[RobinMalfait]

Currently the comment from @deanvaessen is the only workaround.

[tobi-or-not-tobi]

Is there an option to control the multiline behaviour on the roadmap?

[RobinMalfait]

Not that I know of. Here is a list of issues on the prettier repo itself about multi line. https://github.com/prettier/prettier/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+multi-line+

[goldengecko]

Yeah, this one is annoying me too. Would much rather have a rule rather than having to use the ignore option.

[AlexJWayne]

I've taken adding a textless comment to the first item in the array to force it a multiline layout.

[
  item1, //
  item2,
  item3,
]

[ThePlenkov]

[ThePlenkov]

looks weird.. the previos method - is the only working now after deactivating prettier for the whole block...

[ThePlenkov]

what it could be useful: to support "array-element-newline": ["error", "consistent"], cause now it works like "never". meanwhile it supports "always" - which helped me to solve the case here

[galki]

to add to @ThePlenkov it can support minItems and also be applicable to objects. in fact, because prettier already seems to use something like minItems internally, it makes sense to let the user decide what minItems can be.

For example, by setting minItems: 0 the user would be able to disable this formatting. this is exactly how tslint's array-element-newline works and if prettier's current internal value of minItems is set as the default value this would cause no breaking changes.

I think this logic warrants reopening this issue.