@rainstormy/preset-prettier-tailwind v1.0.0-alpha.3

Tailwind CSS Preset for Prettier

This package provides a predefined, opinionated Prettier configuration suitable for any web project with Tailwind CSS classes.

Installation

Install the @rainstormy/preset-prettier-tailwind package and its peer dependencies:

npm install --save-dev @rainstormy/preset-prettier-tailwind prettier

pnpm install --save-dev @rainstormy/preset-prettier-tailwind prettier

yarn add --dev @rainstormy/preset-prettier-tailwind prettier

This preset includes the following plugin, which is installed along with the preset package:

• prettier-plugin-tailwindcss

Usage

Create or extend a Prettier configuration file (prettier.config.js). For example:

import {
	prettierBase,
	prettierMergeConfigs,
} from "@rainstormy/preset-prettier-base"
import { prettierCss } from "@rainstormy/preset-prettier-css"
import { prettierTailwind } from "@rainstormy/preset-prettier-tailwind"

export default prettierMergeConfigs([
	prettierBase(),
	prettierCss(),

	// `prettierTailwind` must be applied last.
	prettierTailwind(),
])

Complementary Presets

• @rainstormy/preset-eslint-tailwind
• @rainstormy/preset-prettier-css