.prettierrc.js

/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */
module.exports = {
  printWidth: 80,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'all',
  bracketSpacing: true,
  bracketSameLine: true,
  arrowParens: 'always',
  endOfLine: 'lf',
  // // Import sorting, uses @ianvs/prettier-plugin-sort-imports
  importOrder: [
    'react',
    '<BUILTIN_MODULES>',
    '<THIRD_PARTY_MODULES>',
    '<TYPES>',
    '',
    '^@/lib/(.*)$',
    '^@/hooks/(.*)$',
    '^@/components/(.*)$',
    '^@/app/(.*)$',
    '',
    '^(?!.*[.]css$)[./].*$',
    '.css$',
    '',
    '^[./]',
  ],
  importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
  importOrderTypeScriptVersion: '5.0.0',
  plugins: ['prettier-plugin-tailwindcss'],
};