fix: 🐛 eslintの修正

hatsu38 · Apr 25, 2023 · 0c84a65 · 0c84a65
1 parent 14c1f20
commit 0c84a65
Show file tree

Hide file tree

Showing 4 changed files with 163 additions and 11 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -18,6 +18,7 @@
     "import/extensions": [".ts", ".tsx", ".js", ".jsx"]
   },
   "rules": {
+    "react/react-in-jsx-scope": "off", // Reactのimportを不要にする
     "eqeqeq": [2, "smart"], // ===にする
     "quotes": ["error", "double"], // ダブルオーテーションで文字列を囲う
     "semi": ["error", "always"], // セミコロンを必須にする

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,8 +27,11 @@
     "typescript": "5.0.4"
   },
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.59.1",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "prettier": "2.8.8"
+    "prettier": "^2.8.8",
+    "typescript-eslint": "^0.0.1-alpha.0"
   }
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,5 +1,5 @@
-import Image from "next/image";
 import { Inter } from "next/font/google";
+import Image from "next/image";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -51,13 +51,13 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
+          <h2 className={"mb-3 text-2xl font-semibold"}>
             Docs{" "}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
             Find in-depth information about Next.js features and API.
           </p>
         </a>
@@ -68,13 +68,13 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
+          <h2 className={"mb-3 text-2xl font-semibold"}>
             Learn{" "}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
             Learn about Next.js in an interactive course with&nbsp;quizzes!
           </p>
         </a>
@@ -85,13 +85,13 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
+          <h2 className={"mb-3 text-2xl font-semibold"}>
             Templates{" "}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
             Discover and deploy boilerplate example Next.js&nbsp;projects.
           </p>
         </a>
@@ -102,13 +102,13 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
+          <h2 className={"mb-3 text-2xl font-semibold"}>
             Deploy{" "}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>