.prettierrc.cjs

/** @type {import('prettier').Config & import('@trivago/prettier-plugin-sort-imports').PluginConfig} */
const config = {
  plugins: ["prettier-plugin-tailwindcss", "@trivago/prettier-plugin-sort-imports"],
  printWidth: 120,
  tabWidth: 4,
  useTabs: false,
  trailingComma: "all",
  singleQuote: true,
  vueIndentScriptAndStyle: true,
  jsxSingleQuote: false,
  quoteProps: "as-needed",
  semi: true,
  endOfLine: "lf",
  jsxBracketSameLine: false,
  htmlWhitespaceSensitivity: "strict",
  rangeStart: 0,
  bracketSpacing: true,
  arrowParens: "always",
  insertPragma: false,
  requirePragma: false,
  proseWrap: "never",
  importOrderSeparation: true,
  importOrderSortSpecifiers: true,
  importOrder: [
    "^react",
    "^next",
    "<THIRD_PARTY_MODULES>",
    "highlight.js*",
    "@/app/(.*)",
    "@/config",
    "@/types",
    "@/providers",
    "@/components/ui/(.*)",
    "@/components/(.*)",
    "@/utils/(.*)",
    "@/.*",
    "^./(.*)",
    "^../(.*)",
    /** Style files are grouped separately and placed at the bottom */
    ".(css|less|scss|sass|stylus)$",
  ],
};

module.exports = config;