prettier config 🚀

This library represents the corporate design of the code of the Parabit company

.prettierrc.js

/** @type {import('prettier').Config} */
module.exports = {
	semi: true,
	tabWidth: 3,
	useTabs: true,
	printWidth: 100,
	singleQuote: true,
	importOrderSeparation: true,
};

Install

npm i --save-dev @parabit/prettier

yarn add -D @parabit/prettier

Peer dependencies

• prettier: "^3.5.0"

Usage

Alse see prettier docs.

Without plugins .prettierrc.js

import { prettier } from '@parabit/prettier';

export default { ...prettier };

With plugins .prettierrc.js

import { prettier } from '@parabit/prettier';

export default {
	...prettier,
	plugins: ['prettier-plugin-tailwindcss', '@ianvs/prettier-plugin-sort-imports'],
	importOrder: [
		'^react$',
		'<THIRD_PARTY_MODULES>',
		'',
		'^@assets|@constants|@helpers|@hooks|@modules|@navigation|@services|@stores|@types|@ui$',
		'',
		'^[.]',
	],
};

Plugins recommendation for prettier

• prettier-plugin-tailwindcss

"plugins": ["prettier-plugin-tailwindcss"]

• @ianvs/prettier-plugin-sort-imports

"plugins": ["@ianvs/prettier-plugin-sort-imports"],
"importOrder": [
    "^react$",
    "<THIRD_PARTY_MODULES>",
    "",
    "^@assets|@constants|@helpers|@hooks|@modules|@navigation|@services|@stores|@types|@ui$",
    "",
    "^[.]"
]