Prettier configuration for LobeHub projects

Features

• Sensible defaults for modern JavaScript/TypeScript projects
• Shell script formatting (prettier-plugin-sh)
• Package.json sorting (prettier-plugin-packagejson)
• JSON sorting (prettier-plugin-sort-json)

Installation

pnpm add -D @lobehub/prettier-config prettier

Usage

Create prettier.config.js (or prettier.config.mjs) in your project root:

import config from '@lobehub/prettier-config';

export default config;

Or add to your package.json:

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

Configuration

The config includes:

{
  arrowParens: 'always',
  bracketSpacing: true,
  endOfLine: 'lf',
  printWidth: 100,
  proseWrap: 'never',
  quoteProps: 'consistent',
  singleQuote: true,
  tabWidth: 2,
  trailingComma: 'all',
  useTabs: false,
  plugins: [
    'prettier-plugin-sh',
    'prettier-plugin-packagejson',
    'prettier-plugin-sort-json',
  ],
}

Extending the Config

import config from '@lobehub/prettier-config';

export default {
  ...config,
  printWidth: 120,
};

Requirements

• Node.js >= 18
• Prettier >= 3.0.0

License

MIT © LobeHub