migrate eslint configs from json to flat

Author: PenTest-duck

.eslintrc.json

@@ -1,4 +1,5 @@
 {
+  "prettier.prettierPath": "./node_modules/prettier/index.cjs",
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },

.vscode/settings.json

@@ -0,0 +1,18 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import nextPlugin from "@next/eslint-plugin-next";
+import * as mdx from "eslint-plugin-mdx";
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  { plugins: { "@next/next": nextPlugin }},
+  { ...mdx.flat },
+  eslintPluginPrettierRecommended,
+  {
+    ignores: [".next/*", "node_modules/*"],
+  },
+];

eslint.config.mjs

@@ -6,7 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "npx eslint .",
     "export": "next export",
     "deploy": "gh-pages -d build"
   },
@@ -42,19 +42,29 @@
     "rehype-img-size": "^1.0.1",
     "rehype-slug": "^5.0.1",
     "swiper": "^11.1.0",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "typewriter-effect": "^2.18.2",
     "wnumb": "^1.2.0"
   },
   "devDependencies": {
-    "@typescript-eslint/parser": "^7.8.0",
-    "eslint": "8.14.0",
+    "@eslint/js": "^9.4.0",
+    "@next/eslint-plugin-next": "^14.2.3",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "eslint": "8.x",
     "eslint-config-next": "12.1.5",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-mdx": "^2.0.2",
+    "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-prettier": "^5.1.3",
+    "globals": "^15.3.0",
     "prettier": "^3.2.3",
-    "sass": "^1.51.0"
+    "sass": "^1.51.0",
+    "typescript-eslint": "^7.11.0"
+  },
+  "resolutions": {
+    "strip-ansi": "6.0.1",
+    "string-width": "4.2.2",
+    "wrap-ansi": "7.0.0"
   },
   "description": "This repository houses the source code for UNSW Co-op Society's website, hosted at [https://coopsoc.com.au](https://coopsoc.com.au) and written in [Next.js](https://nextjs.org). Visit our website and explore around!",
   "main": "next.config.js",

package.json

@@ -1,11 +1,11 @@
-(function () {
+(() => {
   "use strict";
 
   // Fetch all the forms we want to apply custom Bootstrap validation styles to
   var forms = document.querySelectorAll(".needs-validation");
 
   // Loop over them and prevent submission
-  Array.prototype.slice.call(forms).forEach(function (form: HTMLFormElement) {
+  Array.prototype.slice.call(forms).forEach((form: HTMLFormElement) => {
     form.addEventListener(
       "submit",
       function (event) {