Merge pull request #485 from MH4GF/upgrade-eslint-9

upgrade to eslint 9

app/__vrt__/vrt.e2e.ts

@@ -1,7 +1,7 @@
 // biome-ignore lint/correctness/noNodejsModules: テストファイルのため
 import fs from "node:fs";
 
-import AxeBuilder from "@axe-core/playwright";
+import { AxeBuilder } from "@axe-core/playwright";
 import type { Page, TestInfo } from "@playwright/test";
 import { expect, test } from "@playwright/test";
 import { createHtmlReport } from "axe-html-reporter";

app/_components/ui/command.tsx

@@ -25,7 +25,7 @@ const Command = forwardRef<
 ));
 Command.displayName = CommandPrimitive.displayName;
 
-interface CommandDialogProps extends DialogProps {}
+type CommandDialogProps = DialogProps;
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (

app/_features/command/items/CommandLinkItem.tsx

@@ -16,7 +16,11 @@ export function CommandLinkItem({ href, children, ...props }: Props) {
   const router = useViewTransitionRouter();
 
   const handleKeydown = useCallback(() => {
-    isSameOrigin(href) ? router.push(href) : window.open(href, "_blank");
+    if (isSameOrigin(href)) {
+      router.push(href);
+    } else {
+      window.open(href, "_blank");
+    }
     close();
   }, [router, href, close]);
 

app/_features/markdownRenderer/elements/Paragraph.tsx

@@ -20,7 +20,7 @@ const maybeSingleUrl = (_children: ReactNode): string | null => {
   if (!(children.length === 1 && isValidElement(children[0]))) {
     return null;
   }
-  // @ts-expect-error ... FIXME
+  // @ts-expect-error ...  FIXME
   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
   const urlChildren = Children.toArray(children[0].props?.children ?? []);
 

app/_features/richLinkCard/__tests__/getOGP.test.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-unresolved
 import { setupServer } from "msw/node";
 import { afterAll, afterEach, beforeAll, describe, expect, it } from "vitest";
 

app/_features/viewTransition/isSameOrigin.ts

@@ -5,7 +5,9 @@ const sameOriginPrefixes = [
   "#", // 同一ページ内リンク
 ] as const;
 
-const baseOrigin = new URL(`https://${process.env.VERCEL_URL}` || "http://localhost:3000").origin;
+const baseOrigin = new URL(
+  process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "http://localhost:3000",
+).origin;
 
 type Href = LinkProps["href"];
 

eslint.config.mjs

@@ -0,0 +1,31 @@
+import mh4gf from "@mh4gf/eslint-config";
+import eslintPluginNext from "@next/eslint-plugin-next";
+import eslintPluginReact from "eslint-plugin-react";
+import eslintPluginReactHooks from "eslint-plugin-react-hooks";
+
+export default [
+  ...mh4gf.configs.recommended,
+  ...mh4gf.configs.typescript,
+  {
+    ...eslintPluginReact.configs.flat.recommended,
+    ...eslintPluginReact.configs.flat["jsx-runtime"],
+    plugins: {
+      "react-hooks": eslintPluginReactHooks,
+      "@next/next": eslintPluginNext,
+    },
+    rules: {
+      ...eslintPluginReact.configs["jsx-runtime"].rules,
+      ...eslintPluginReactHooks.configs.recommended.rules,
+      ...eslintPluginNext.configs.recommended.rules,
+      ...eslintPluginNext.configs["core-web-vitals"].rules,
+      "@next/next/no-img-element": "error",
+    },
+  },
+  {
+    languageOptions: {
+      parserOptions: {
+        project: "./tsconfig.json",
+      },
+    },
+  },
+];

package.json

@@ -27,20 +27,23 @@
     "@markuplint/ml-config": "4.8.4",
     "@markuplint/react-spec": "4.5.12",
     "@mh4gf/configs": "0.3.0",
-    "@mh4gf/eslint-config": "0.5.2",
+    "@mh4gf/eslint-config": "0.6.1",
+    "@next/eslint-plugin-next": "15.0.2",
     "@playwright/test": "1.48.2",
     "@tsconfig/next": "2.0.3",
     "@tsconfig/strictest": "2.0.5",
+    "@types/eslint__js": "8.42.3",
     "@types/node": "20.17.6",
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@types/rss": "0.0.32",
     "autoprefixer": "10.4.20",
     "axe-html-reporter": "2.2.11",
     "dependency-cruiser": "16.5.0",
-    "eslint": "8.57.1",
+    "eslint": "9.14.0",
     "eslint-config-next": "15.0.2",
-    "eslint-import-resolver-typescript": "3.6.3",
+    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-react-hooks": "5.0.0",
     "lost-pixel": "3.21.0",
     "markuplint": "4.11.2",
     "msw": "2.6.0",