migrate to eslint 9, use gatsby-plugin-root-import

eslint.config.mjs

@@ -0,0 +1,55 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactPlugin from 'eslint-plugin-react';
+import babelParser from '@babel/eslint-parser';
+import importPlugin from 'eslint-plugin-import-x';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import prettierPlugin from 'eslint-plugin-prettier/recommended';
+
+export default [
+  js.configs.recommended,
+  importPlugin.flatConfigs.recommended,
+  importPlugin.flatConfigs.react,
+  {
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin
+    },
+    languageOptions: {
+      globals: globals.browser,
+      parser: babelParser,
+      parserOptions: {
+        requireConfigFile: false,
+        babelOptions: {
+          presets: [['babel-preset-gatsby', { reactRuntime: 'automatic' }]]
+        }
+      }
+    },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
+      'react/jsx-uses-react': 0,
+      'react/react-in-jsx-scope': 0
+    },
+    settings: {
+      react: {
+        version: 'detect'
+      },
+      'import-x/resolver': {
+        node: {
+          paths: ['./src/']
+        }
+      }
+    }
+  },
+  {
+    files: ['gatsby-*.js'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      }
+    }
+  },
+  prettierPlugin
+];

gatsby-config.js

@@ -36,6 +36,7 @@ module.exports = {
     'gatsby-plugin-sharp',
     'gatsby-plugin-sharp-exif',
     'gatsby-plugin-react-helmet',
-    'gatsby-transformer-sharp'
+    'gatsby-transformer-sharp',
+    '@ayan4m1/gatsby-plugin-root-import'
   ]
 };

gatsby-node.js

@@ -1,11 +1 @@
-const { resolve } = require('path');
-
-exports.createPages = async () => {};
-
-exports.onCreateWebpackConfig = ({ actions }) => {
-  actions.setWebpackConfig({
-    resolve: {
-      modules: [resolve(__dirname, 'src'), 'node_modules']
-    }
-  });
-};
+// no-op