Prettier config settings to reduce merge conflicts

.prettierrc.js

// Prettier config to reduce merge conflicts: https://gist.github.com/devinrhode2/08c84e175c61b282b76f4766a94e4a01

/** @type {import('prettier').RequiredOptions} */
module.exports = {
  singleQuote: true,
  semi: false,

  // avoid even more merge conflicts: https://prettier.io/blog/2020/03/21/2.0.0.html#change-default-value-for-trailingcomma-to-es5-6963httpsgithubcomprettierprettierpull6963-by-fiskerhttpsgithubcomfisker
  trailingComma: 'all',
  printWidth: 40,
  // Less code per line:
  //  - less likely to have conflict any given line
  //  - easier to spot changes in git (e.g. getListThing->getListsThing)
  //  - Encourages modularity
  //     - jsx components with 20 indent levels will not look good
  //     - This encourages creating smaller components
  //     - Still can opt-out with `// prettier-ignore` comments above component
  //     - OR, create a `.prettierrc.js` file in code you edit the most
}

notes.md

These prettier config settings are intended to reduce merge conflicts as much as possible.

My original google searches:

what prettier options are best for git diffs

what prettier options are best for git diffs avoid merge conflicts

what prettier options are best for git diffs avoid merge conflicts "trailingComma"

prettier lowest printWidth

Something I would like, is an eslint config that is very similar to prettier, but does has less deterministic formatting

• I sense starting with Standard.js or XO eslint style config would be a good starting point.

I'm curious what doing a format with printWidth: 1, and then doing a normal format would be like.

Sometimes prettier will make things more vertical, but not make them more horizontal.

Obviously more vertical is best for reducing merge conflicts.

Cross-referencing: prettier defaults: https://gist.github.com/adbutterfield/6b91625b5b07ca2c29f6322245e3e2bb

// Prettier defaults that are already great for reducing merge conflicts:

/** @type {import('prettier').RequiredOptions} */
const goodDefaults = {
  // quoteProps: "as-needed", // Cannot be "consistent" - would cause thrashing - could go with "preserve" if it makes more sense in some situation
  // arrowParens: "always", // avoid thrashing
  // bracketSameLine: false, // avoid/minimize merge conflicts:

  // avoid XO default `false` https://github.com/xojs/xo/pull/616/files
  // bracketSpacing: true,
}