prettier.config.mjs

   1 export default {
   2     printWidth: 120,
   3     arrowParens: 'always',
   4     singleQuote: true,
   5     // Default in prettier 3 is 'all', but since that'd require a large migration keeping it es5 for now
   6     trailingComma: 'es5',
   7     tabWidth: 4,
   8     proseWrap: 'never',
   9     overrides: [
  10         {
  11             files: '*.scss',
  12             options: {
  13                 tabWidth: 2,
  14                 useTabs: true,
  15                 singleQuote: true,
  16             },
  17         },
  18         {
  19             files: '*.ts',
  20             options: {
  21                 importOrderParserPlugins: ['typescript'],
  22             },
  23         },
  24         {
  25             files: '*.svg',
  26             options: {
  27                 parser: 'html',
  28             },
  29         },
  30     ],
  31     importOrder: [
  32         '^react(.*)$',
  33         '^react-dom(.*)$',
  34         '^react-router-dom(.*)$',
  35         '<THIRD_PARTY_MODULES>',
  36         '^@proton/(.*)$',
  37         '^proton-mail(.*)$',
  38         '^[./].*(?<!\\.(c|sc)ss)$',
  39         '(c|sc)ss$',
  40     ],
  41     importOrderSeparation: true,
  42     importOrderSortSpecifiers: true,
  43     plugins: ['@trivago/prettier-plugin-sort-imports'],
  44 };