prettier.config.js

/**
 * @see https://prettier.io/docs/en/configuration.html
 * @see https://github.com/tailwindlabs/prettier-plugin-tailwindcss
 * @see https://github.com/ianvs/prettier-plugin-sort-imports
 *
 * @typedef {import("prettier").Config} PrettierConfig
 * @typedef {import("prettier-plugin-tailwindcss").PluginOptions} TailwindConfig
 * @typedef {import("@ianvs/prettier-plugin-sort-imports").PluginConfig} SortImportsConfig
 *
 * @type { PrettierConfig | SortImportsConfig | TailwindConfig }
 */
export default {
  singleQuote: true,
  jsxSingleQuote: true,
  bracketSameLine: true,
  htmlWhitespaceSensitivity: 'ignore',
  trailingComma: 'es5',
  plugins: [
    '@ianvs/prettier-plugin-sort-imports',
    'prettier-plugin-tailwindcss',
  ],
  tailwindFunctions: ['cn', 'tv'],
  importOrderTypeScriptVersion: '5.0.0',
  importOrder: [
    '<BUILTIN_MODULES>',
    '',
    '^(react/(.*)$)|^(react$)|^(react-native(.*)$)',
    '^(expo(.*)$)|^(expo$)',
    '',
    '<THIRD_PARTY_MODULES>',
    '',
    '^@/(.*)$',
    '',
    '^[./]',
    '^[../]',
  ],
};