Replace Laravel Mix with Bud (#2643)

Co-authored-by: QWp6t <hi@qwp6t.me>
Co-authored-by: Ben Word <ben@benword.com>

.eslintrc.js

@@ -1,30 +1,39 @@
 module.exports = {
   root: true,
-  extends: 'eslint:recommended',
-  parser: 'babel-eslint',
+  extends: ['eslint:recommended', 'plugin:react/recommended'],
   globals: {
-    wp: true
+    wp: true,
   },
   env: {
     node: true,
     es6: true,
     amd: true,
     browser: true,
-    jquery: true
+    jquery: true,
   },
+  parser: 'babel-eslint',
   parserOptions: {
     ecmaFeatures: {
+      experimentalObjectRestSpread: true,
       globalReturn: true,
       generators: false,
-      objectLiteralDuplicateProperties: false
+      impliedStrict: true,
+      objectLiteralDuplicateProperties: false,
+      jsx: true,
     },
     ecmaVersion: 2017,
-    sourceType: 'module'
+    sourceType: 'module',
   },
-  plugins: ['import'],
+  plugins: ['import', 'react-hooks'],
   settings: {
+    react: {
+      version: 'detect',
+    },
     'import/core-modules': [],
-    'import/ignore': ['node_modules', '\\.(coffee|scss|css|less|hbs|svg|json)$']
+    'import/ignore': [
+      'node_modules',
+      '\\.(coffee|scss|css|less|hbs|svg|json)$',
+    ],
   },
   rules: {
     'no-console': 0,
@@ -35,8 +44,8 @@ module.exports = {
         objects: 'always-multiline',
         imports: 'always-multiline',
         exports: 'always-multiline',
-        functions: 'ignore'
-      }
-    ]
-  }
+        functions: 'ignore',
+      },
+    ],
+  },
 };