Migrate lint script for Next.js 16

components/Footer.tsx

@@ -4,15 +4,15 @@ import Link from "next/link";
 const Footer = () => {
   return (
     <div className="container flex min-h-[72px] items-center justify-between border-t border-[#D2D2D2] px-4 pb-3 pt-5 lg:min-h-[72px] lg:px-0 lg:py-5">
-      <a href="/" className="flex items-center gap-2.5">
+      <Link href="/" className="flex items-center gap-2.5">
         <Image
           unoptimized
           src="/new-logo.svg"
           alt="footer"
           width={160}
           height={30}
         />
-      </a>
+      </Link>
       <div className="flex items-center gap-3">
         <Link href={"https://x.com/nutlope"} target="_blank">
           <Image

components/Header.tsx

@@ -1,11 +1,13 @@
+import Link from "next/link";
+
 import { Logo } from "./logo";
 
 const Header = () => {
   return (
     <div className="container flex h-[60px] shrink-0 items-center justify-center px-4 lg:h-[80px] lg:px-0">
-      <a href="/">
+      <Link href="/">
         <Logo className="w-30 sm:w-36" />
-      </a>
+      </Link>
     </div>
   );
 };

eslint.config.mjs

@@ -0,0 +1,4 @@
+import { defineConfig } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+
+export default defineConfig([...nextVitals]);

package.json

@@ -6,7 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
     "@headlessui/react": "^2.1.2",
@@ -33,7 +33,7 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "eslint": "^8",
+    "eslint": "^9",
     "eslint-config-next": "16.0.7",
     "postcss": "^8",
     "prettier": "^3.2.5",