chore(web): add prettier config & tailwind class sorting (#955)

pujitm · web-flow · commit 20e43f49a4fe · 2024-11-08T13:17:10.000-05:00
diff --git a/web/.prettierrc.mjs b/web/.prettierrc.mjs
@@ -0,0 +1,13 @@
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  trailingComma: "es5",
+  tabWidth: 4,
+  printWidth: 105,
+  singleQuote: true,
+  plugins: ["prettier-plugin-tailwindcss"],
+};
+
+export default config;
diff --git a/web/.vscode/settings.json b/web/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "prettier.configPath": "./.prettierrc.mjs"
+}
diff --git a/web/eslint.config.mjs b/web/eslint.config.mjs
@@ -1,11 +1,13 @@
 // @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
+import withNuxt from "./.nuxt/eslint.config.mjs";
+import eslintPrettier from "eslint-config-prettier";
 
 export default withNuxt(
   {
     rules: {
-      'vue/multi-word-component-names': 'off', // turn off to allow web component parents to work and not trigger errors
-      'vue/no-v-html': 'off',
+      "vue/multi-word-component-names": "off", // turn off to allow web component parents to work and not trigger errors
+      "vue/no-v-html": "off",
     },
   },
-)
+  eslintPrettier
+);
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -35,14 +35,18 @@
     "@rollup/plugin-strip": "^3.0.4",
     "@tailwindcss/typography": "^0.5.13",
     "@types/crypto-js": "^4.2.2",
+    "@types/eslint-config-prettier": "^6.11.3",
     "@types/node": "^18",
     "@types/semver": "^7.5.8",
     "@vue/apollo-util": "^4.0.0-beta.6",
     "@vueuse/core": "^10.11.1",
     "@vueuse/nuxt": "^10.9.0",
+    "eslint-config-prettier": "^9.1.0",
     "lodash-es": "^4.17.21",
     "nuxt": "^3.11.2",
     "nuxt-custom-elements": "2.0.0-beta.18",
+    "prettier": "3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "shadcn-nuxt": "^0.10.4",
     "tailwindcss-animate": "^1.0.7",
     "terser": "^5.31.0",
diff --git a/web/tailwind.config.ts b/web/tailwind.config.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "prettier.configPath": "./.prettierrc.mjs"`
	`3`	`+}`