prettier-plugin-expand‑json
Expand JSON arrays and objects into multi‑line format with Prettier.
## Overview
This plugin expands all JSON arrays and objects into a consistent multi-line format.
- Works with both JSON and JSONC files.
- Supports files that Prettier treats as special cases, including `package.json`, `composer.json`, and others.
- Comes without any additional dependencies.
## Example
```json
{
"extends": "@standard-config/tsconfig",
"compilerOptions": {
"types": ["node", "vitest/globals"]
}
}
```
…will always be formatted as:
```json
{
"extends": "@standard-config/tsconfig",
"compilerOptions": {
"types": [
"node",
"vitest/globals"
]
}
}
```
## Install
```sh
npm install --save-dev prettier-plugin-expand-json
```
```sh
pnpm add --save-dev prettier-plugin-expand-json
```
## Usage
Reference `prettier-plugin-expand-json` in your [Prettier config](https://prettier.io/docs/configuration):
```json
{
"plugins": [
"prettier-plugin-expand-json"
]
}
```
If you’re using any other JSON plugins, make sure `prettier-plugin-expand-json` is listed last. This applies to each `overrides` entry as well.
```json
{
"plugins": [
"prettier-plugin-sort-json",
"prettier-plugin-expand-json"
]
}
```
```json
{
"overrides": [
{
"files": "**/package.json",
"options": {
"plugins": [
"prettier-plugin-pkg",
"prettier-plugin-expand-json"
]
}
}
]
}
```
## Related
- [**@standard-config/prettier**](https://github.com/standard-config/prettier)
- [**prettier-plugin-markdown-html**](https://github.com/porada/prettier-plugin-markdown-html)
- [**prettier-plugin-yaml**](https://github.com/porada/prettier-plugin-yaml)
## License
MIT © [Dom Porada](https://dom.engineering)
