build: Update ESLint to v9 (#16639)

packages/frontend/@n8n/design-system/.eslintrc.js

@@ -1,48 +0,0 @@
-const sharedOptions = require('@n8n/eslint-config/shared');
-
-/**
- * @type {import('@types/eslint').ESLint.ConfigData}
- */
-module.exports = {
-	extends: ['@n8n/eslint-config/frontend'],
-
-	...sharedOptions(__dirname, 'frontend'),
-
-	rules: {
-		// TODO: Remove these
-		'import/no-default-export': 'warn',
-		'@typescript-eslint/no-unsafe-argument': 'warn',
-		'@typescript-eslint/no-unsafe-return': 'warn',
-		'@typescript-eslint/no-unsafe-member-access': 'warn',
-		'@typescript-eslint/prefer-optional-chain': 'warn',
-		'@typescript-eslint/prefer-nullish-coalescing': 'warn',
-		'vue/no-undef-components': 'error',
-	},
-
-	overrides: [
-		{
-			files: ['src/**/*.stories.ts', 'src/**/*.vue', 'src/**/*.spec.ts'],
-			rules: {
-				'@typescript-eslint/naming-convention': [
-					'warn',
-					{
-						selector: ['variable', 'property'],
-						format: ['PascalCase', 'camelCase', 'UPPER_CASE'],
-					},
-				],
-			},
-		},
-		{
-			files: ['src/components/N8nFormInput/validators.ts'],
-			rules: {
-				'@typescript-eslint/naming-convention': [
-					'error',
-					{
-						selector: ['property'],
-						format: ['camelCase', 'UPPER_CASE'],
-					},
-				],
-			},
-		},
-	],
-};

packages/frontend/@n8n/design-system/eslint.config.mjs

@@ -0,0 +1,52 @@
+import { defineConfig } from 'eslint/config';
+import { frontendConfig } from '@n8n/eslint-config/frontend';
+
+export default defineConfig(
+	frontendConfig,
+	{
+		rules: {
+			'vue/no-undef-components': 'error',
+
+			// TODO: Remove these
+			'import-x/no-default-export': 'warn',
+			'no-empty': 'warn',
+			'no-prototype-builtins': 'warn',
+			'@typescript-eslint/no-unsafe-argument': 'warn',
+			'@typescript-eslint/no-unsafe-return': 'warn',
+			'@typescript-eslint/no-unsafe-member-access': 'warn',
+			'@typescript-eslint/prefer-optional-chain': 'warn',
+			'@typescript-eslint/prefer-nullish-coalescing': 'warn',
+			'@typescript-eslint/require-await': 'warn',
+			'@typescript-eslint/naming-convention': 'warn',
+			'@typescript-eslint/no-empty-object-type': 'warn',
+			'@typescript-eslint/no-unsafe-assignment': 'warn',
+			'@typescript-eslint/unbound-method': 'warn',
+			'@typescript-eslint/restrict-template-expressions': 'warn',
+			'@typescript-eslint/no-unsafe-call': 'warn',
+		},
+	},
+	{
+		files: ['src/**/*.stories.ts', 'src/**/*.vue', 'src/**/*.spec.ts'],
+		rules: {
+			'@typescript-eslint/naming-convention': [
+				'warn',
+				{
+					selector: ['variable', 'property'],
+					format: ['PascalCase', 'camelCase', 'UPPER_CASE'],
+				},
+			],
+		},
+	},
+	{
+		files: ['src/components/N8nFormInput/validators.ts'],
+		rules: {
+			'@typescript-eslint/naming-convention': [
+				'error',
+				{
+					selector: ['property'],
+					format: ['camelCase', 'UPPER_CASE'],
+				},
+			],
+		},
+	},
+);

packages/frontend/@n8n/design-system/package.json

@@ -1,4 +1,5 @@
 {
+  "type": "module",
   "name": "@n8n/design-system",
   "version": "1.87.0",
   "main": "src/index.ts",
@@ -16,8 +17,8 @@
     "chromatic": "chromatic",
     "format": "biome format --write .  && prettier --write . --ignore-path ../../../../.prettierignore",
     "format:check": "biome ci .  && prettier --check . --ignore-path ../../../../.prettierignore",
-    "lint": "eslint src --ext .js,.ts,.vue --quiet",
-    "lintfix": "eslint src --ext .js,.ts,.vue --fix"
+    "lint": "eslint src --quiet",
+    "lintfix": "eslint src --fix"
   },
   "devDependencies": {
     "@n8n/eslint-config": "workspace:*",
@@ -33,16 +34,16 @@
     "@types/markdown-it-link-attributes": "^3.0.5",
     "@types/sanitize-html": "^2.11.0",
     "@vitejs/plugin-vue": "catalog:frontend",
-    "@vitest/coverage-v8": "catalog:frontend",
+    "@vitest/coverage-v8": "catalog:",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "sass": "^1.64.1",
     "tailwindcss": "^3.4.3",
     "unplugin-icons": "^0.19.0",
     "unplugin-vue-components": "^0.27.2",
-    "vite": "catalog:frontend",
-    "vitest": "catalog:frontend",
-    "vitest-mock-extended": "catalog:frontend",
+    "vite": "catalog:",
+    "vitest": "catalog:",
+    "vitest-mock-extended": "catalog:",
     "vue-tsc": "catalog:frontend"
   },
   "dependencies": {

packages/frontend/@n8n/design-system/src/components/N8nIconPicker/IconPicker.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 // vueuse is a peer dependency
-// eslint-disable import/no-extraneous-dependencies
+// eslint-disable import-x/no-extraneous-dependencies
 import { onClickOutside } from '@vueuse/core';
 import { isEmojiSupported } from 'is-emoji-supported';
 import { ref, computed } from 'vue';