prettier-config

@davidsneighbour/prettier-config is a shared Prettier configuration for my projects. It's uses the ESM format and exports an object with the configuration.

Add @davidsneighbour/prettier-config to your project

Install the plugin:

npm install --save-dev @davidsneighbour/prettier-config

There are several ways to add a configuration, but the following are the config options I advise to use @davidsneighbour/prettier-config without or with overrides.

Add a key to your package.json file:

{
  "prettier": "@davidsneighbour/prettier-config"
}

or create a .prettierrc.js file and export an object that overrides settings:

import prettierConfig from "@davidsneighbour/prettier-config";
export default {
  ...prettierConfig,
  // Add your overrides here.
};

If your project does not uses the ESM format, you need to use the .mjs extension for this file.

Use with TailwindCSS

This configuration implements Tailwind's Prettier Plugin. To activate it either have a tailwind.config.js in your project root or override the prettier configuration at tailwindConfig with the proper path.

const defaultConfiguration = require("@davidsneighbour/prettier-config");
const localConfiguration = {
  tailwindConfig: "new path to your config",
};
const configuration = {
  ...defaultConfiguration,
  ...localConfiguration,
};
module.exports = configuration;

More information

• More information about available Prettier configuration options.

All configurations

Configurations
Build Tools
Babel	Webpack
Testing
Cypress	HTML Validate
Linters and Formatters
Browserslist	ESLint	PostCSS
Prettier	Stylelint
Project Management
Commitlint	Release
Markdown and Writing
Markdownlint	Remark Lint
Other Tools
Bootstrap	Tools