Use defineConfig in shared configs (#43)

Author: jgoz

.changeset/fresh-coins-see.md

@@ -0,0 +1,5 @@
+---
+'@awesome-code-style/eslint-config': patch
+---
+
+Use defineConfig

packages/eslint-config/index.js

@@ -4,13 +4,14 @@ import prettier from 'eslint-config-prettier';
 import importPlugin from 'eslint-plugin-import';
 import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort';
 import unusedImportsPlugin from 'eslint-plugin-unused-imports';
+import { defineConfig } from 'eslint/config';
 import tseslint from 'typescript-eslint';
 
 export const configs = {
-  default: [
+  default: defineConfig([
     js.configs.recommended,
-    ...tseslint.configs.recommended,
-    ...tseslint.configs.stylistic,
+    tseslint.configs.recommended,
+    tseslint.configs.stylistic,
     prettier,
     {
       plugins: {
@@ -128,11 +129,11 @@ export const configs = {
         ],
       },
     },
-  ],
+  ]),
 
-  typeChecked: [
-    ...tseslint.configs.recommendedTypeCheckedOnly,
-    ...tseslint.configs.stylisticTypeCheckedOnly,
+  typeChecked: defineConfig([
+    tseslint.configs.recommendedTypeCheckedOnly,
+    tseslint.configs.stylisticTypeCheckedOnly,
     {
       languageOptions: {
         parserOptions: {
@@ -175,7 +176,7 @@ export const configs = {
         '@typescript-eslint/unbound-method': 'off',
       },
     },
-  ],
+  ]),
 
   disableTypeChecked: tseslint.configs.disableTypeChecked,
 };

packages/eslint-config/react.js

@@ -1,11 +1,12 @@
 import reactPlugin from 'eslint-plugin-react';
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import jsxExpressionsPlugin from '@jgoz/eslint-plugin-jsx-expressions';
+import { defineConfig } from 'eslint/config';
 
 import { configs as baseConfigs } from './index.js';
 
 export const reactConfigs = {
-  default: [
+  default: defineConfig([
     {
       settings: {
         react: {
@@ -43,8 +44,8 @@ export const reactConfigs = {
         'react/display-name': 'off',
       },
     },
-  ],
-  reactTypeChecked: [
+  ]),
+  reactTypeChecked: defineConfig([
     {
       files: ['**/*.tsx'],
       plugins: {
@@ -54,14 +55,13 @@ export const reactConfigs = {
         'jsx-expressions/strict-logical-expressions': ['error', { allowString: true }],
       },
     },
-  ],
-  disableReactTypeChecked: {
-    ...baseConfigs.disableTypeChecked,
+  ]),
+  disableReactTypeChecked: defineConfig(baseConfigs.disableTypeChecked, {
     rules: {
       ...baseConfigs.disableTypeChecked.rules,
       'jsx-expressions/strict-logical-expressions': 'off',
     },
-  },
+  }),
 };
 
 export default reactConfigs.default;