add tailwind prettier and some clean up

tooling/prettier/index.mjs

@@ -1,9 +1,19 @@
-/** @typedef  {import("prettier").Config} PrettierConfig */
-/** @typedef  {import("@ianvs/prettier-plugin-sort-imports").PluginConfig} SortImportsConfig */
+import { fileURLToPath } from 'url';
 
-/** @type { PrettierConfig | SortImportsConfig } */
+/** @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 } */
 const config = {
-  plugins: ['@ianvs/prettier-plugin-sort-imports'],
+  plugins: [
+    '@ianvs/prettier-plugin-sort-imports',
+    'prettier-plugin-tailwindcss',
+  ],
+  tailwindConfig: fileURLToPath(
+    new URL('../../apps/dashboard/tailwind.config.js', import.meta.url)
+  ),
+  tailwindFunctions: ['cn', 'cva'],
   importOrder: [
     '^(react/(.*)$)|^(react$)|^(react-native(.*)$)',
     '<THIRD_PARTY_MODULES>',

tooling/prettier/package.json

@@ -3,11 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "main": "index.mjs",
+  "type": "module",
   "scripts": {
     "clean": "rm -rf .turbo node_modules"
   },
   "dependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.1.0"
+    "@ianvs/prettier-plugin-sort-imports": "^4.1.0",
+    "prettier-plugin-tailwindcss": "^0.5.11"
   },
   "devDependencies": {
     "@openpanel/tsconfig": "workspace:*",

tooling/prettier/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@openpanel/tsconfig/base.json",
   "compilerOptions": {
+    "checkJs": false,
     "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
   },
   "include": ["."],