@bitforgehq/prettier-config
v2.0.1
Published
Shared Prettier configuration for Angular 22 projects with Tailwind class sorting
Readme
@bitforgehq/prettier-config
Shared Prettier configuration for Angular 22 projects. Bundles Tailwind CSS
class sorting — including inside inline component templates — and formats
standalone .html files with Prettier's Angular parser (correct @if/@for
indentation).
Installation
bun add -D prettier @bitforgehq/prettier-configprettier-plugin-tailwindcss is bundled as a dependency of this package —
nothing else to install.
Usage
Add to your package.json:
{
"prettier": "@bitforgehq/prettier-config"
}Sync .prettierignore (optional but recommended)
bunx sync-prettier-ignoreCreates a .prettierignore in your project root with common ignore patterns
for Angular/TypeScript/Bun projects.
What the config does
semi: true,singleQuote: true,printWidth: 100,trailingComma: "all",arrowParens: "always",tabWidth: 2,useTabs: false,endOfLine: "lf"- Tailwind class sorting via
prettier-plugin-tailwindcss— canonical class order everywhere, including inlinetemplate:strings in.tscomponents - Angular parser for
*.html— control-flow blocks (@if,@for,@switch) indent correctly (the default HTML parser mangles them)
Custom Tailwind themes
If your project defines custom utilities/theme values, point the sorter at
your stylesheet in a project-local .prettierrc.cjs:
module.exports = {
...require('@bitforgehq/prettier-config'),
tailwindStylesheet: './src/styles.css',
};Without it, standard Tailwind utilities still sort correctly; only custom classes are left in place.
Overriding options
The "prettier": "..." package.json form cannot be extended. To override,
switch to a .prettierrc.cjs that spreads this config:
module.exports = {
...require('@bitforgehq/prettier-config'),
printWidth: 120,
};Scripts
{
"scripts": {
"format": "prettier --write \"**/*.{ts,html,json,md,css,scss}\"",
"format:check": "prettier --check \"**/*.{ts,html,json,md,css,scss}\""
}
}Migrating from v1
Class sorting changes formatting output. After upgrading, run the format script once and commit the churn:
bunx prettier --write .