@salesforce/templates 66.17.4 → 66.18.0

package/lib/templates/uiBundles/reactbasic/eslint.config.js

@@ -3,8 +3,8 @@ import { resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { dirname } from 'node:path';
 import js from '@eslint/js';
-import tseslint from '@typescript-eslint/eslint-plugin';
-import tsparser from '@typescript-eslint/parser';
+import { defineConfig } from 'eslint/config';
+import tseslint from 'typescript-eslint';
 import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
@@ -15,7 +15,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 const schemaPath = resolve(__dirname, '../../../../../schema.graphql');
 const schemaExists = existsSync(schemaPath);
 
-const config = [
+const config = defineConfig([
   // Global ignores
   {
     ignores: [
@@ -29,7 +29,7 @@ const config = [
   {
     files: ['*.config.{js,ts}', 'vite.config.ts'],
     languageOptions: {
-      parser: tsparser,
+      parser: tseslint.parser,
       parserOptions: {
         ecmaVersion: 'latest',
         sourceType: 'module',
@@ -41,7 +41,7 @@ const config = [
       },
     },
     plugins: {
-      '@typescript-eslint': tseslint,
+      '@typescript-eslint': tseslint.plugin,
     },
     rules: {
       '@typescript-eslint/no-var-requires': 'off',
@@ -50,6 +50,7 @@ const config = [
   // Main TypeScript/React files
   {
     files: ['**/*.{ts,tsx}'],
+    extends: [js.configs.recommended, tseslint.configs.recommended],
     ignores: [
       'coverage',
       'dist',
@@ -61,14 +62,12 @@ const config = [
     languageOptions: {
       ecmaVersion: 2020,
       sourceType: 'module',
-      parser: tsparser,
       parserOptions: {
         ecmaFeatures: {
           jsx: true,
         },
         ecmaVersion: 'latest',
         sourceType: 'module',
-        project: './tsconfig.json',
       },
       globals: {
         ...globals.browser,
@@ -81,11 +80,8 @@ const config = [
       react,
       'react-hooks': reactHooks,
       'react-refresh': reactRefresh,
-      '@typescript-eslint': tseslint,
     },
     rules: {
-      ...js.configs.recommended.rules,
-      ...tseslint.configs.recommended.rules,
       ...react.configs.recommended.rules,
       ...reactHooks.configs.recommended.rules,
       'react/react-in-jsx-scope': 'off',
@@ -120,7 +116,7 @@ const config = [
       'src/test/**/*.{ts,tsx}',
     ],
     languageOptions: {
-      parser: tsparser,
+      parser: tseslint.parser,
       globals: {
         ...globals.browser,
         ...globals.node,
@@ -132,7 +128,7 @@ const config = [
       '@typescript-eslint/no-explicit-any': 'off',
     },
   },
-];
+]);
 
 // Only add GraphQL rules when schema exists (e.g. after graphql:schema).
 // In CI or when schema is not checked in, skip so lint succeeds.