@timbic/prettier-config

Extensible prettier configuration for the smart developers.

Usage

pnpm add -D prettier @timbic/prettier-config

import withTimbic from "@timbic/prettier-config";

export default withTimbic();

// or

export default withTimbic({
	// your options
});

Your options will override the defaults and extend the config.

Types

Now this package has its own types! That means that when using withTimbic() you will get enhanced type annotations by Quick Info on each rule, as well as the right default set by withTimbic(), e.g.

// before
export default withTimbic({
	tabWidth: 3,
	// Specify the number of spaces per indentation-level.
	// @default
	//
	// 2 (incorrect, this is not a withTimbic() default, this is prettier default)
});

// after
export default withTimbic({
	tabWidth: 3,
	// Specify the number of spaces per indentation-level.
	// @default
	//
	// 4 (correct, see our default options below)
	// @see — https://prettier.io/docs/options#tab-width
});

Default options

{
	arrowParens: "always",
	bracketSameLine: false,
	bracketSpacing: true,
	checkIgnorePragma: false,
	embeddedLanguageFormatting: "auto",
	endOfLine: "lf",
	htmlWhitespaceSensitivity: "css",
	insertPragma: false,
	jsxSingleQuote: false,
	objectWrap: "preserve",
	printWidth: 140,
	proseWrap: "always",
	quoteProps: "consistent",
	rangeEnd: Infinity,
	rangeStart: 0,
	requirePragma: false,
	semi: true,
	singleAttributePerLine: true,
	singleQuote: false,
	tabWidth: 4,
	trailingComma: "all",
	useTabs: true,
	vueIndentScriptAndStyle: false,
}