feat: 0.4.0

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notables change for @leomotors/config will be noted here
 
+## [0.4.0] - 2022-12-16
+
+- feat: add prettier-plugin-tailwindcss
+
 ## [0.3.0] - 2022-12-16
 
 - experimental v3

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@leomotors/config",
   "description": "My personal config for node projects, include ESLint Prettier and TSConfig",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "author": {
     "name": "Nutthapat Pongtanyavichai",
@@ -54,6 +54,7 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-sort-destructure-keys": "^1.4.0",
     "prettier": "^2.8.1",
+    "prettier-plugin-tailwindcss": "^0.2.1",
     "typescript": "^4.9.4"
   },
   "peerDependencies": {
@@ -70,6 +71,7 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-sort-destructure-keys": "^1.4.0",
     "prettier": "^2.8.1",
+    "prettier-plugin-tailwindcss": "^0.2.1",
     "typescript": "^4.9.4"
   },
   "peerDependenciesMeta": {
@@ -78,6 +80,9 @@
     },
     "eslint-plugin-react": {
       "optional": true
+    },
+    "prettier-plugin-tailwindcss": {
+      "optional": true
     }
   }
 }

src/prettier/config.ts

@@ -29,3 +29,24 @@ export function withSortImports({ importOrder }: WithSortImportsOptions = {}) {
     importOrderParserPlugins: ["typescript", "decorators-legacy", "jsx"],
   } satisfies SortImportsConfig;
 }
+
+/**
+ * Sort Imports + TailwindCSS
+ */
+export function withTailwind(opts?: WithSortImportsOptions) {
+  assertDeps([
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss",
+  ]);
+
+  const base = withSortImports(opts);
+
+  return {
+    ...base,
+    plugins: [
+      "@ianvs/prettier-plugin-sort-imports",
+      "prettier-plugin-tailwindcss",
+    ],
+    pluginSearchDirs: false,
+  } satisfies SortImportsConfig;
+}