Change eslintrc

.eslintrc.yml

@@ -1,40 +1,27 @@
-parser: '@typescript-eslint/parser'
+root: true
+parser: "@typescript-eslint/parser"
 parserOptions:
   project: ./tsconfig.json
 
-root: true
+extends:
+  - "eslint:recommended"
+  - "plugin:@typescript-eslint/recommended"
+  - "plugin:@typescript-eslint/recommended-requiring-type-checking"
+  - "plugin:import/errors"
+  - "plugin:import/warnings"
+  - "plugin:import/typescript"
+  - "plugin:prettier/recommended"
 
 plugins:
-  - '@typescript-eslint'
-  - prettier
-
-extends:
-  - eslint:recommended
-  - plugin:@typescript-eslint/eslint-recommended
-  - plugin:@typescript-eslint/recommended
-  - plugin:import/errors
-  - plugin:import/warnings
-  - plugin:import/typescript
+  - "@typescript-eslint"
   - prettier
-  - plugin:prettier/recommended
 
 rules:
-  prettier/prettier: ['error', {semi: true}]
+  prettier/prettier: "error"
 
-  quotes:
-    - error
-    - single
-    - avoidEscape: true
-
-  no-console: warn
-
-  '@typescript-eslint/explicit-member-accessibility':
-    - error
-    - accessibility: no-public
-
-  import/first: warn
+  import/first: error
   import/order:
-    - warn
+    - error
     - newlines-between: always
       alphabetize:
         order: asc
@@ -42,14 +29,14 @@ rules:
 
   import/no-duplicates: off
   no-duplicate-imports: off
-  '@typescript-eslint/no-duplicate-imports': warn
+  "@typescript-eslint/no-duplicate-imports": warn
 
-  '@typescript-eslint/explicit-function-return-type': off
-  '@typescript-eslint/explicit-module-boundary-types': off
-  '@typescript-eslint/no-explicit-any': off
-  '@typescript-eslint/no-non-null-assertion': off
-  '@typescript-eslint/no-use-before-define': off
+  "@typescript-eslint/explicit-function-return-type": off
+  "@typescript-eslint/explicit-module-boundary-types": off
+  "@typescript-eslint/no-explicit-any": off
+  "@typescript-eslint/no-non-null-assertion": off
+  "@typescript-eslint/no-use-before-define": off
 
   # Enabled in tsconfig
-  '@typescript-eslint/no-unused-vars': off
+  "@typescript-eslint/no-unused-vars": off
   import/no-unresolved: off

.prettierrc

@@ -1,8 +0,0 @@
-{
-  "arrowParens": "avoid",
-  "singleQuote": true,
-  "semi": true,
-  "printWidth": 80,
-  "trailingComma": "all",
-  "bracketSpacing": false
-}

pages/_app.tsx

@@ -1,6 +1,6 @@
-import type {AppProps} from 'next/app';
+import type { AppProps } from "next/app";
 
-function App({Component, pageProps}: AppProps) {
+function App({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />;
 }
 

pages/index.tsx

@@ -1,4 +1,4 @@
-import type {NextPage} from 'next';
+import type { NextPage } from "next";
 
 const Home: NextPage = () => {
   return <main>I am a book</main>;