lint: add Prettier plugin for sorting Tailwind class names

steadyfall · steadyfall · commit 6180f2ae22c1 · 2025-04-06T22:09:47.000-04:00
diff --git a/.prettierrc b/.prettierrc
@@ -1,8 +1,9 @@
 {
-    "singleQuote": true,
-    "semi": true,
-    "trailingComma": "all",
-    "printWidth": 100,
-    "tabWidth": 2,
-    "arrowParens": "always"
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,6 +41,7 @@
     "eslint-plugin-prettier": "^5.2.6",
     "postcss": "^8",
     "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
   }

Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,7 @@`
`41`	`41`	`"eslint-plugin-prettier": "^5.2.6",`
`42`	`42`	`"postcss": "^8",`
`43`	`43`	`"prettier": "^3.5.3",`
	`44`	`+ "prettier-plugin-tailwindcss": "^0.6.11",`
`44`	`45`	`"tailwindcss": "^3.4.1",`
`45`	`46`	`"typescript": "^5"`
`46`	`47`	`}`