Consistently breaking long lists

[schmijos]

Why would prettier correct this

to this

Can I somehow fore prettier to produce more consistency?

[kachkaev]

👋 @schmijos! You can add // after [ to force line breaks inside shorter arrays. Alternatively, you can use // prettier-ignore before statements in which you don’t like the result of formatting.

Original behavior

Prettier 3.0.1
Playground link

--parser babel

Input:

[
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

[
  formData.GEAK_EA_DAT_J,
  formData.GEAK_EA_DAT_M,
  formData.GEAK_EA_DAT_T
] = splitDate(formData.geakCertifiedAt);

[
  formData.GEAK_EA_GUEL_J,
  formData.GEAK_EA_GUEL_M,
  formData.GEAK_EA_GUEL_T
] = splitDate(formData.geakCertifiedUntil);

[
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

Output:

[
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

[formData.GEAK_EA_DAT_J, formData.GEAK_EA_DAT_M, formData.GEAK_EA_DAT_T] =
  splitDate(formData.geakCertifiedAt);

[formData.GEAK_EA_GUEL_J, formData.GEAK_EA_GUEL_M, formData.GEAK_EA_GUEL_T] =
  splitDate(formData.geakCertifiedUntil);

[
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

With //

Prettier 3.0.1
Playground link

--parser babel

Input:

[ //
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

[ //
  formData.GEAK_EA_DAT_J,
  formData.GEAK_EA_DAT_M,
  formData.GEAK_EA_DAT_T
] = splitDate(formData.geakCertifiedAt);

[ //
  formData.GEAK_EA_GUEL_J,
  formData.GEAK_EA_GUEL_M,
  formData.GEAK_EA_GUEL_T
] = splitDate(formData.geakCertifiedUntil);

[ //
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

Output:

[
  //
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

[
  //
  formData.GEAK_EA_DAT_J,
  formData.GEAK_EA_DAT_M,
  formData.GEAK_EA_DAT_T,
] = splitDate(formData.geakCertifiedAt);

[
  //
  formData.GEAK_EA_GUEL_J,
  formData.GEAK_EA_GUEL_M,
  formData.GEAK_EA_GUEL_T,
] = splitDate(formData.geakCertifiedUntil);

[
  //
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

With prettier-ignore

Prettier 3.0.1
Playground link

--parser babel

Input:

[
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

// prettier-ignore
[ 
  formData.GEAK_EA_DAT_J,
  formData.GEAK_EA_DAT_M,
  formData.GEAK_EA_DAT_T
] = splitDate(formData.geakCertifiedAt);

// prettier-ignore
[
  formData.GEAK_EA_GUEL_J,
  formData.GEAK_EA_GUEL_M,
  formData.GEAK_EA_GUEL_T
] = splitDate(formData.geakCertifiedUntil);

[
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

Output:

[
  formData.DATSTANDIMMOBJAHR,
  formData.DATSTANDIMMOBMONAT,
  formData.DATSTANDIMMOBTAG,
] = splitDate(formData.realtyDataReferralDate);

// prettier-ignore
[ 
  formData.GEAK_EA_DAT_J,
  formData.GEAK_EA_DAT_M,
  formData.GEAK_EA_DAT_T
] = splitDate(formData.geakCertifiedAt);

// prettier-ignore
[
  formData.GEAK_EA_GUEL_J,
  formData.GEAK_EA_GUEL_M,
  formData.GEAK_EA_GUEL_T
] = splitDate(formData.geakCertifiedUntil);

[
  formData.MINERGIEDATUM_DEKL_J,
  formData.MINERGIEDATUM_DEKL_M,
  formData.MINERGIEDATUM_DEKL_T,
] = splitDate(formData.minergieCertifiedAt);

Hope it helps!

[schmijos]

Nice, thank you!