.prettierrc.js

module.exports = {
	/* Copy pasted from @gamesdonequick/prettier-config 
	 * Was getting github build errors from this package so I just copy pasted it
	 */
	/* This can help reduce diff sizes, so we generally like it
	* as a best practice to make code reviews just that tiny bit better. */
	trailingComma: "all",
   
	/* A single quote requires pressing only one key,
	 * but a double quote requires holding shift.
	 * So, we find single quotes easier to type and prefer them. */
	singleQuote: true,
	
	/* When JSX attributes end up spanning multiple lines, Prettier's default
	 * setting will put the single closing angle bracket on a new line, which
	 * adds awkward visual space between an element and it's children.
	 *
	 * Collapsing these onto the last line of the attribute list makes the
	 * hierarchy more clear, especially as components get nested further.
	 *
	 * This does _not_ affect self-closing JSX tags, which will still have the
	 * closing bracket on a new line to clearly indicate the lack of children.
	 */
	jsxBracketSameLine: true,
	
	/* It's true that Prettier warns pretty heavily against setting
	 * this higher than 80 columns: https://prettier.io/docs/en/options.html#print-width
	 *
	 * However, Prettier itself already disregards this warning in
	 * the name of readability: https://prettier.io/docs/en/rationale.html#imports
	 *
	 * Our friend Faulty has been using 120 for some time, and has had no issues.
	 * Indeed, all of Discord seems to use this setting.
	 * 
	 * Lange: having tested this on some of my own real-world code,
	 * I agree with Faulty that it does make things easier to read. */
	tabWidth: 4,
	useTabs: true,
	endOfLine: "auto"
};