feat: Add Prettier plugin for TailwindCSS

The plugin auto-sorts the used classes.
DSD-DBS · Oct 10, 2023 · b375b51 · b375b51
1 parent 95caafb
commit b375b51
Show file tree

Hide file tree

Showing 4 changed files with 103 additions and 0 deletions.
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -72,6 +72,10 @@ repos:
     hooks:
       - id: prettier
         types_or: [ts, css, html, markdown]
+        files: "^frontend"
+        additional_dependencies:
+          - "prettier@^3.0.3"
+          - "prettier-plugin-tailwindcss@^0.5.5"
   - repo: https://github.com/Lucas-C/pre-commit-hooks
     rev: v1.4.2
     hooks:

diff --git a/frontend/.prettierrc.js b/frontend/.prettierrc.js
@@ -0,0 +1,8 @@
+/*
+ * SPDX-FileCopyrightText: Copyright DB Netz AG and the capella-collab-manager contributors
+ * SPDX-License-Identifier: CC0-1.0
+ */
+
+module.exports = {
+  plugins: [require.resolve("prettier-plugin-tailwindcss")],
+};
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -71,6 +71,8 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
     "postcss": "^8.4.31",
+    "prettier": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.5.5",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.1.6",
     "webpack": "^5.88.2"