@xwtec/prettier-config

Prettier Configuration for xwtec projects

Install

# with yarn
yarn add --dev prettier @xwtec/prettier-config

# with npm
npm install --save-dev prettier @xwtec/prettier-config

Configuration

Add following code

module.exports = require('@xwtec/prettier-config');

to prettier.config.js in your project.

Customize

module.exports = require('@xwtec/prettier-config').customize({
  semi: false,
  overrides: [
    {
      files: ['*.js'],
      options: {
        parser: 'meriyah',
      },
    },
  ],
});

Usage

npx prettier "**/*.{js,mjs,cjs,scss,html,vue,css,less,md}"

Options

Global

| Option | value | Description | | :------------------------ | :----- | :------------------------------------------------------- | | bracketSpacing | false | Print spaces between brackets. | | htmlWhitespaceSensitivity | ignore | How to handle whitespaces in HTML. | | semi | true | Print semicolons. | | singleQuote | true | Use single quotes instead of double quotes. | | trailingComma | all | Print trailing commas wherever possible when multi-line. |

*.css

| Option | value | Description | | :---------- | :---- | :------------------------------------------ | | parser | css | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |

*.{gql,graphql}

| Option | value | Description | | :----- | :------ | :------------------- | | parser | graphql | Which parser to use. |

*.{html,htm}

| Option | value | Description | | :----- | :---- | :------------------- | | parser | html | Which parser to use. |

*.{js,jsx,mjs,cjs}

| Option | value | Description | | :----- | :---- | :------------------- | | parser | babel | Which parser to use. |

*.json

| Option | value | Description | | :---------- | :------------- | :------------------------------------------ | | parser | json-stringify | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |

*.json5

| Option | value | Description | | :---------- | :---- | :------------------------------------------ | | parser | json5 | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |

*.less

| Option | value | Description | | :---------- | :---- | :------------------------------------------ | | parser | less | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |

*.{md,markdown}

| Option | value | Description | | :----- | :------- | :------------------- | | parser | markdown | Which parser to use. |

*.mdx

| Option | value | Description | | :----- | :---- | :------------------- | | parser | mdx | Which parser to use. |

*.scss

| Option | value | Description | | :---------- | :---- | :------------------------------------------ | | parser | scss | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |

*.{ts,tsx}

| Option | value | Description | | :----- | :--------- | :------------------- | | parser | typescript | Which parser to use. |

*.vue

| Option | value | Description | | :----- | :---- | :------------------- | | parser | vue | Which parser to use. |

*.{yaml,yml}

| Option | value | Description | | :---------- | :---- | :------------------------------------------ | | parser | yaml | Which parser to use. | | singleQuote | false | Use single quotes instead of double quotes. |