add eslint-plugin-unused-imports (#18)

* add eslint-plugin-unused-imports
* update readme with eslint-plugin-unused-imports

Author: lukasvice

package-lock.json

@@ -68,6 +68,7 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-tailwindcss": "^3.15.1",
+    "eslint-plugin-unused-imports": "^3.2.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -84,6 +85,7 @@
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-tailwindcss": "^3.13.0",
+    "eslint-plugin-unused-imports": "^3.2.0",
     "prettier": "^3.0.0"
   },
   "peerDependenciesMeta": {

package.json

@@ -64,7 +64,7 @@ Then change `.eslintrc.json` to be:
 Install the required packages, assuming that you have TypeScript already installed:
 
 ```sh
-npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import
+npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-unused-imports@^3
 ```
 
 `.eslintrc.json`
@@ -83,7 +83,7 @@ npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier
 Install the required packages, assuming that you have TypeScript already installed:
 
 ```sh
-npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss
+npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-unused-imports@^3 eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss
 ```
 
 `.eslintrc.json`
@@ -102,7 +102,7 @@ npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier
 Install the required packages, assuming that you have TypeScript already installed:
 
 ```sh
-npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss @next/eslint-plugin-next
+npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-unused-imports@^3 eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss @next/eslint-plugin-next
 ```
 
 `.eslintrc.json`
@@ -144,7 +144,7 @@ The following shows how to combine it with the preset `ts-next`:
 Install the required packages, assuming that you have TypeScript already installed:
 
 ```sh
-npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss @next/eslint-plugin-next eslint-plugin-formatjs
+npm i -D eslint prettier @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-plugin-import eslint-plugin-unused-imports@^3 eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-plugin-tailwindcss @next/eslint-plugin-next eslint-plugin-formatjs
 ```
 
 `.eslintrc.json`

readme.md

@@ -12,7 +12,7 @@ module.exports = {
     sourceType: 'module',
     ecmaVersion: 2020
   },
-  plugins: ['@typescript-eslint'],
+  plugins: ['@typescript-eslint', 'eslint-plugin-unused-imports'],
   env: {
     node: true,
     browser: true,
@@ -36,15 +36,6 @@ module.exports = {
     },
   ],
   rules: {
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        ignoreRestSiblings: true,
-        varsIgnorePattern: '^[iI]gnored',
-        argsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^ignore'
-      }
-    ],
     '@typescript-eslint/member-delimiter-style': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/restrict-template-expressions': [
@@ -96,6 +87,19 @@ module.exports = {
     curly: ['error', 'all'],
     'object-shorthand': ['error'],
     eqeqeq: 'error',
-    'arrow-body-style': 'error'
-  }
+    'arrow-body-style': 'error',
+
+    // Rules for eslint-plugin-unused-imports
+    '@typescript-eslint/no-unused-vars': 'off',
+    'unused-imports/no-unused-imports': 'error',
+    'unused-imports/no-unused-vars': [
+      'error',
+      {
+        ignoreRestSiblings: true,
+        varsIgnorePattern: '^[iI]gnored',
+        argsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^ignore',
+      },
+    ],
+  },
 }