fix: eslint rules

nico1988 · Feb 11, 2023 · 06d7315 · 06d7315
1 parent aa5ba28
commit 06d7315
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 28 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -15,7 +15,6 @@
     "plugin:jest-dom/recommended",
     "plugin:testing-library/react"
   ],
-  "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
       "jsx": true
@@ -47,6 +46,16 @@
     "no-undef": "off",
     "react/react-in-jsx-scope": "off",
     "react/prop-types": "off",
-    "react/jsx-props-no-spreading": "off"
+    "react/jsx-props-no-spreading": "off",
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".tsx",
+          ".js",
+          ".jsx"
+        ]
+      }
+    ]
   }
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -6,7 +6,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html>
+    <html lang="en">
       <head />
       <body>{children}</body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,15 +1,9 @@
-import { ThemeProvider } from 'next-themes';
-
 function Index() {
   return (
-    <div className="flex items-center justify-center h-screen">
-      <button className="rounded-xl px-5 py-2 bg-orange-200 text-orange-500 text-lg font-medium hover:bg-orange-300 active:bg-orange-200 active:scale-95 duration-300">
+    <div className="flex h-screen items-center justify-center">
+      <button className="rounded-xl bg-orange-200 px-5 py-2 text-lg font-medium text-orange-500 duration-300 hover:bg-orange-300 active:scale-95 active:bg-orange-200">
         Hello, Next.js 13!
       </button>
-
-      <div className="text-6xl text-[#fb0067]   ">
-        222
-      </div>
     </div>
   );
 }

diff --git a/components/Buttons.tsx b/components/Buttons.tsx
@@ -1,7 +1,5 @@
 import React from 'react';
 
-const Buttons = () => {
-  return <button>Click</button>;
-};
-
-export default Buttons;
+export default function Buttons() {
+  return <button type="button">Click</button>;
+}
diff --git a/components/Dark.tsx b/components/Dark.tsx
@@ -1,16 +1,16 @@
 // pages/index.tsx
-import { useTheme } from "next-themes";
-
+import { useTheme } from 'next-themes';
 
 export default function IndexPage() {
   const { theme, setTheme } = useTheme();
-  const toggleTheme = () =>
-    setTheme(theme === "light" ? "dark" : "light");
+  const toggleTheme = () => setTheme(theme === 'light' ? 'dark' : 'light');
 
   return (
     <div>
-      <h1>The current theme is {theme === "dark" ? "dark" : "light"}</h1>
-      <button onClick={toggleTheme}>Change Theme</button>
+      <h1>The current theme is {theme === 'dark' ? 'dark' : 'light'}</h1>
+      <button type="button" onClick={toggleTheme}>
+        Change Theme
+      </button>
     </div>
   );
-}
+}
diff --git a/next.config.js b/next.config.js
@@ -1,5 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  env: {
+    customKey: 'my-value',
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
   reactStrictMode: true,
   experimental: {
     appDir: true,

diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "next": "13.0.2",
+    "next-themes": "0.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -55,7 +56,6 @@
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "lint-staged": "^13.0.3",
-    "next-themes": "0.2.0",
     "postcss": "^8.4.18",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.8",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,12 +1,10 @@
-import type { AppProps } from "next/app";
+import type { AppProps } from 'next/app';
 import { ThemeProvider } from 'next-themes';
 
-function MyApp({ Component, pageProps }) {
+export default function MyApp({ Component, pageProps }) {
   return (
     <ThemeProvider defaultTheme="system" enableSystem={true} attribute="class">
       <Component {...pageProps} />;
     </ThemeProvider>
   );
 }
-
-export default MyApp;