Skip to content

monogramdesign/prettier-config

Repository files navigation

prettier-config

Prettier config used at monogram.io

Installing

Auto install

Executing it with npx from the project's root will perform the manual installation steps, installing @monogram/prettier-config as a dev dependency and adding "prettier": "@monogram/prettier-config" to your project's package.json.

npx @monogram/prettier-config

Install manually

Install the package using your package manager

yarn add -D @monogram/prettier-config
# or
npm i -D @monogram/prettier-config
# or
pnpm i -D @monogram/prettier-config

Add the prettier key to your package.json

+++  "prettier": "@monogram/prettier-config"

Extending

Can also be extended like this:

// .prettierrc.js
module.exports = {
	...require('@monogram/prettier-config'),
	tabWidth: 2,
	useTabs: false,
	overrides: [
		{
			files: '*.scss',
			options: {
				singleQuote: true,
				tabWidth: 2,
				useTabs: false,
				printWidth: 160,
			},
		},
	],
}

Check out the prettier documentation for more info on sharing configurations.

Acknowledgment

Inspired by @github/prettier-config.