npm package: @stark-tech-space/stark-prettier-config
Description: Prettier Config for Stark Tech
Author: Stark Tech
Latest version: 1.0.1

# stark-prettier-config<div align="center">

<h1>stark-prettier-config</h1>

<img height="80" width="80" alt="focus" src="https://image.flaticon.com/icons/svg/3771/3771423.svg" />

<strong>A [Prettier](https://prettier.io/) configuration based off the [Airbnb JavaScript style guide](https://github.com/airbnb/javascript) for Stark</strong>

</div>

## Installation

```sh
npm i prettier @stark-tech-space/stark-prettier-config -D
```

## Usage

In your `package.json`:

```javascript
{
  "name": "my-library",
  "version": "1.0.0",
  "prettier": "@stark-tech-space/stark-prettier-config"
}
```

If you don't want to use your `package.json`, you can create a `.prettierrc.json` file in your projects root directory.

```javascript
'@stark-tech-space/stark-prettier-config';

```

If you would like to extend or modify these properties, create a `.prettierrc.js` file in your projects root directory and export your desired modifications.

```javascript
module.exports = {
	...require('@stark-tech-space/stark-prettier-config'),
	printWidth: 120,
};
```

## Properties

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#objects--quoted-props">3.6</a> Quote Props

> Only quote properties that are invalid identifiers.

`"quoteProps": "as-needed"`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#strings--quotes">6.1</a> Quotes

> Use single quotes instead of double quotes.

`"singleQuote": true`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#arrows--implicit-return">8.2</a> Arrow Function Parentheses

> Keep parentheses around a sole arrow function parameter.

`"arrowParens": "always"`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#whitespace--max-len">19.1</a> Tabs and Tab Width

> Use soft tabs (space character) set to 2 spaces.

`"tabWidth": 2`

`"useTabs": false`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#whitespace--max-len">19.3</a> Print Width and Wrapping

> Specify the line length that the printer will wrap on. Wrap prose if it exceeds the print width.

`"printWidth": 100`

`"proseWrap": "always"`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#whitespace--in-brackets">19.11</a> Bracket Spacing

> Always print spaces between brackets in object literals.

`"bracketSpacing": true`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#commas--dangling">20.2</a> Trailing Commas

> Print trailing commas wherever possible when multi-line. (A single-line array, for example, never gets trailing commas.)

`"trailingComma": "all"`

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#semicolons--required">21.1</a> Semicolons

> Print semicolons at the ends of statements.

`"semi": true`

## JSX Properties

Prettier allows some React/JSX properties to be configured. If your project doesn't use React, no need to worry; these properties won't be applied to your project!

### <a href="https://github.com/airbnb/javascript/blob/master/README.md#objects--quoted-props">Quotes</a>

> Use double quotes in JSX.

`"jsxSingleQuote": false`

### <a href="https://github.com/airbnb/javascript/tree/master/react#tags">Tags</a>

> If your component has multi-line properties, close its tag on a new line.

`"jsxBracketSameLine": false`