prettier-config.md

Prettier

Config

Add to .prettierrc:

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true,
  "quoteProps": "as-needed",
  "jsxSingleQuote": false,
  "trailingComma": "all",
  "bracketSpacing": true,
  "bracketSameLine": false,
  "arrowParens": "always",
  "requirePragma": false,
  "insertPragma": false,
  "proseWrap": "preserve",
  "htmlWhitespaceSensitivity": "css",
  "vueIndentScriptAndStyle": false,
  "endOfLine": "lf",
  "embeddedLanguageFormatting": "auto",
  "singleAttributePerLine": false
}

Prettier Plugin Tailwindcss

Install prettier-plugin-tailwindcss:

npm install -D prettier-plugin-tailwindcss

Add to .prettierrc:

{
  ...,
  "plugins": ["prettier-plugin-tailwindcss"]
}