prettier.config.mjs

/** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').options} */
const config = {
	endOfLine: "lf",
	semi: false,
	singleQuote: false,
	tabWidth: 2,
	useTabs: true,
	trailingComma: "es5",
	importOrder: [
		"^@/env$",
		"^(express/(.*)$)|^(express$)",
		"^(react/(.*)$)|^(react$)",
		"^(react-dom/(.*)$)|^(react-dom$)",
		"^(next/(.*)$)|^(next$)",
		"<THIRD_PARTY_MODULES>",
		"",
		"^types$",
		"^@/types/(.*)$",
		"^@/config/(.*)$",
		"^@/lib/(.*)$",
		"^@/hooks/(.*)$",
		"",
		"^@/components/ui/(.*)$",
		"^@/components/(.*)$",
		"^@components/(.*)$",
		"",
		"^@/registry/(.*)$",
		"^@/styles/(.*)$",
		"^@/app/(.*)$",
		"",
		"^@/(.*)$",
		"^[./]",
	],
	importOrderSeparation: false,
	importOrderSortSpecifiers: true,
	importOrderBuiltinModulesToTop: true,
	importOrderMergeDuplicateImports: true,
	importOrderCombineTypeAndValueImports: true,
	importOrderParserPlugins: ["typescript", "jsx", "tsx", "ts", "js", "mjs"],
	plugins: [
		"@ianvs/prettier-plugin-sort-imports",
		"prettier-plugin-tailwindcss",
	],
	// tailwindConfig: "./tailwind.config.ts",
	tailwindFunctions: [
		"clsx",
		"tw",
		"apply",
		"theme",
		"variants",
		"e",
		"screen",
		"cn",
	],
}

export default config