feat(frontend): Update ESLint and Prettier config (#490)

* add 2024 sponsor logos * add tailwind prettier plugin * update eslint-plugin-prettier to compatible version * format and lint code * update eslint config * remove grouped tailwind psuedo-classes * format tailwind classes * set prettier config options * format according to prettier config * format tw macros via Tailwind functions config
devsoc-unsw · Oct 7, 2024 · 4f8aafe · 4f8aafe
1 parent c107963
commit 4f8aafe
Show file tree

Hide file tree

Showing 46 changed files with 1,258 additions and 9,941 deletions.
diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json
@@ -14,6 +14,13 @@
     "plugin:import/typescript",
     "plugin:react/jsx-runtime"
   ],
+  "ignorePatterns": [
+    "babel-plugin-macros.config.js",
+    "tailwind.config.js",
+    "prettier.config.js",
+    "postcss.config.js",
+    "vite.config.ts"
+  ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaVersion": 12,
@@ -32,42 +39,43 @@
     "@typescript-eslint/no-shadow": "off",
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": [
-      1,
+      "warn",
       {
         "varsIgnorePattern": "^_",
         "argsIgnorePattern": "^_"
       }
     ],
     "@typescript-eslint/naming-convention": [
-        "error",
-        {
-            "selector": "default",
-            "format": ["camelCase"],
-            "leadingUnderscore": "allow",
-            "trailingUnderscore": "allow"
-        },
+      "error",
+      {
+        "selector": "default",
+        "format": ["camelCase"],
+        "leadingUnderscore": "allow",
+        "trailingUnderscore": "allow"
+      },
 
-        {
-            "selector": "variable",
-            "format": ["camelCase", "UPPER_CASE", "PascalCase"],
-            "leadingUnderscore": "allow",
-            "trailingUnderscore": "allow"
-        },
+      {
+        "selector": "variable",
+        "format": ["camelCase", "UPPER_CASE", "PascalCase"],
+        "leadingUnderscore": "allow",
+        "trailingUnderscore": "allow"
+      },
 
-        {
-            "selector": "function",
-            "format": ["camelCase", "PascalCase"]
-        },
+      {
+        "selector": "function",
+        "format": ["camelCase", "PascalCase"]
+      },
 
-        {
-            "selector": "typeLike",
-            "format": ["PascalCase"]
-        },
+      {
+        "selector": "typeLike",
+        "format": ["PascalCase"],
+        "leadingUnderscore": "allow"
+      },
 
-        {
-            "selector": "objectLiteralProperty",
-            "format": null
-        }
+      {
+        "selector": "objectLiteralProperty",
+        "format": null
+      }
     ],
     "import/prefer-default-export": "off",
     "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
@@ -103,7 +111,7 @@
         "custom": "ignore"
       }
     ],
-    "react/no-unknown-property": [2, { "ignore": ["tw", "css"] }],
+    "react/no-unknown-property": ["error", { "ignore": ["tw", "css"] }],
     "react/require-default-props": "off",
     "@typescript-eslint/consistent-type-imports": "error",
     "no-void": "off",

diff --git a/frontend/index.html b/frontend/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />