Project configuration updates

- Add *.tsbuildinfo to gitignore - Use eslint-config-prettier - Lock @tabler/icons-react to ~3.18.0, ignore with Dependabot - Use stable version (5.0.0) of eslint-plugin-react-hooks - Use em instead of px in PostCSS configuration - Update dependencies
SBence · Oct 25, 2024 · cd22a8d · cd22a8d
1 parent e9c02a4
commit cd22a8d
Show file tree

Hide file tree

Showing 7 changed files with 342 additions and 350 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -11,3 +11,5 @@ updates:
     ignore:
       - dependency-name: "*"
         update-types: ["version-update:semver-major"]
+
+      - dependency-name: "@tabler/icons-react"
diff --git a/.gitignore b/.gitignore
@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+*.tsbuildinfo
 
 # Editor directories and files
 .vscode/*

diff --git a/eslint.config.js b/eslint.config.js
@@ -1,4 +1,5 @@
 import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import globals from "globals";
@@ -42,4 +43,5 @@ export default tseslint.config(
       "@typescript-eslint/no-unused-vars": "warn",
     },
   },
+  eslintConfigPrettier,
 );
diff --git a/index.html b/index.html
@@ -1,16 +1,14 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Spicy Patcher</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/icon.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Spicy Patcher</title>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
-
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>
diff --git a/package.json b/package.json
@@ -12,12 +12,12 @@
     "formatting:apply": "yarn prettier --write ."
   },
   "dependencies": {
-    "@mantine/core": "^7.13.3",
-    "@mantine/dropzone": "^7.13.3",
-    "@mantine/form": "^7.13.3",
-    "@mantine/hooks": "^7.13.3",
-    "@mantine/notifications": "^7.13.3",
-    "@tabler/icons-react": "^3.19.0",
+    "@mantine/core": "^7.13.4",
+    "@mantine/dropzone": "^7.13.4",
+    "@mantine/form": "^7.13.4",
+    "@mantine/hooks": "^7.13.4",
+    "@mantine/notifications": "^7.13.4",
+    "@tabler/icons-react": "~3.18.0",
     "jotai": "^2.10.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -29,7 +29,7 @@
     "@vitejs/plugin-react": "^4.3.2",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.12",
     "globals": "^15.11.0",
     "postcss": "^8.4.47",

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,11 +3,11 @@ export default {
     "postcss-preset-mantine": {},
     "postcss-simple-vars": {
       variables: {
-        "mantine-breakpoint-xs": "680px",
-        "mantine-breakpoint-sm": "980px",
-        "mantine-breakpoint-md": "1300px",
-        "mantine-breakpoint-lg": "1620px",
-        "mantine-breakpoint-xl": "1940px",
+        "mantine-breakpoint-xs": "36em",
+        "mantine-breakpoint-sm": "48em",
+        "mantine-breakpoint-md": "62em",
+        "mantine-breakpoint-lg": "75em",
+        "mantine-breakpoint-xl": "88em",
       },
     },
   },