Fix prettier config to avoid formatting issues with shadcn ui

Author: fzaninotto

.github/workflows/check.yml

@@ -43,7 +43,7 @@ jobs:
                   eslint: true
                   eslint_args: "**/*.{mjs,ts,tsx}"
                   prettier: true
-                  prettier_args: "--config ./.prettierrc.mjs \"**/*.{js,json,ts,tsx,css,md,html}\""
+                  prettier_args: "--config ./.prettierrc.json \"**/*.{js,json,ts,tsx,css,md,html}\""
 
     test:
         name: 🔎 Test

.prettierrc.json

@@ -0,0 +1,21 @@
+{
+  "overrides": [
+    {
+      "files": ["*.md", "*.mdx"],
+      "options": {
+        "singleQuote": true,
+        "tabWidth": 4
+      }
+    },
+    {
+      "files": ["src/components/ui/*.tsx"],
+      "options": {
+        "endOfLine": "lf",
+        "semi": false,
+        "singleQuote": false,
+        "tabWidth": 2,
+        "trailingComma": "es5"
+      }
+    }
+  ]
+}

.prettierrc.mjs

@@ -94,4 +94,4 @@ registry-deploy: registry-build ## Deploy the shadcn registry (Automatically don
 
 registry-gen: ## Generate the shadcn registry (ran automatically by a pre-commit hook)
 	npm run registry:gen
-	npx prettier --config ./.prettierrc.mjs --write "registry.json"
+	npx prettier --config ./.prettierrc.json --write "registry.json"

makefile

@@ -11,8 +11,8 @@
     "preview": "vite preview",
     "lint:apply": "eslint **/*.{mjs,ts,tsx} --fix",
     "lint:check": "eslint **/*.{mjs,ts,tsx}",
-    "prettier:apply": "prettier --config ./.prettierrc.mjs --write --list-different \"**/*.{js,json,ts,tsx,css,md,html}\"",
-    "prettier:check": "prettier --config ./.prettierrc.mjs --check \"**/*.{js,json,ts,tsx,css,md,html}\"",
+    "prettier:apply": "prettier --config ./.prettierrc.json --write --list-different \"**/*.{js,json,ts,tsx,css,md,html}\"",
+    "prettier:check": "prettier --config ./.prettierrc.json --check \"**/*.{js,json,ts,tsx,css,md,html}\"",
     "registry:build": "npx shadcn build",
     "registry:gen": "node ./scripts/generate-registry.mjs",
     "ghpages:deploy": "node ./scripts/ghpages-deploy.mjs",