Add package 'eslint-plugin-unused-imports'

Author: sectsect

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   extends: ['airbnb', 'prettier'],
-  plugins: ['prefer-arrow', '@babel', 'react', 'prettier'],
+  plugins: ['prefer-arrow', '@babel', 'react', 'unused-imports', 'prettier'],
   env: {
     es6: true,
     browser: true,
@@ -45,6 +45,17 @@ module.exports = {
         classPropertiesAllowed: false,
       },
     ],
+    'no-unused-vars': 'off',
+    'unused-imports/no-unused-imports': 'error',
+    'unused-imports/no-unused-vars': [
+      'error',
+      {
+        vars: 'all',
+        varsIgnorePattern: '^_',
+        args: 'after-used',
+        argsIgnorePattern: '^_',
+      },
+    ],
     'no-alert': 0,
     'no-console': 0,
     'prettier/prettier': 'error',

package-lock.json

@@ -49,6 +49,7 @@
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "eslint-webpack-plugin": "^3.1.1",
     "husky": "^7.0.4",
     "json-loader": "^0.5.7",

package.json

@@ -4,7 +4,7 @@ import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
 export const menu = () => {
   const togglePanel = (c, t) => {
     // Toggle Body Scroll
-    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line unused-imports/no-unused-vars
     const r = jQuery('body').hasClass(c) ? enableBodyScroll(t) : disableBodyScroll(t);
     // Add class to body
     jQuery('body').toggleClass(c);