.prettierrc.js

/** @type {import('prettier').Config} */
const pluginsConfig = {
  plugins: ['@ianvs/prettier-plugin-sort-imports', 'prettier-plugin-tailwindcss'],
}

/** @type {import('prettier').Config} */
const importSortConfig = {
  importOrder: [
    // built-ins like `node:fs`
    '<TYPES>^(node:)', // type imports
    '<BUILT_IN_MODULES>', // imports
    '', // a gap

    // anything which doesn't match any other rules
    '<TYPES>', // type imports
    '<THIRD_PARTY_MODULES>', // imports
    '', // a gap

    // local aliases / packages starting with one of these prefixes
    '<TYPES>^@/.*$', // type imports
    '^@/.*$', // imports
    '', // a gap

    // local `./blah/something` packages
    '<TYPES>^[.]', // type imports
    '^[.]', // imports
  ],

  // defaults to "1.0.0" - higher versions of typescript unlock more import-sort capabilities
  // https://github.com/IanVS/prettier-plugin-sort-imports?tab=readme-ov-file#importordertypescriptversion
  importOrderTypeScriptVersion: '5.6.3',
}

/** @type {import('prettier').Config} */
module.exports = {
  ...pluginsConfig,
  ...importSortConfig,

  arrowParens: 'avoid',
  printWidth: 120,
  semi: false,
  singleQuote: true,
  // prettier now defaults to 'all',
  // but the files in this project have all been formatted with 'es5'
  trailingComma: 'es5',

  overrides: [
    {
      files: ['tsconfig.json'],
      options: {
        printWidth: 1,
      },
    },
  ],
}