What’s the correct way to integrate ignores with @antfu/eslint-config in Flat Config mode?

[georiv]

HI! When using ESLint in Flat Config mode, I've encountered an issue where files specified in the ignores array are still being parsed. Here’s a detailed explanation:

Flat Config and Ignored Files:

In ESLint Flat Config, files to be ignored must be specified in a dedicated configuration object with an ignores property.
However, when combining the ignores property into the same object as the main configuration (e.g., rules or other settings), ESLint doesn’t properly skip the files—it only ignores them for the applied rules.

Using @antfu/eslint-config:
I attempted to integrate the ignores property alongside the configuration provided by @antfu/eslint-config, but files in the ignored paths (e.g., node_modules, dist, .quasar) are still being parsed.
Separating the ignores into a standalone object works in theory but doesn’t function as expected when combined with Antfu’s Flat Config Composer.

This is my environment:
ESLint Version: Latest (9.17.0 at the time of writing)
@antfu/eslint-config Version: Latest
Project Setup: Flat Config (eslint.config.js)

I first tried this but it does not properly ignore the files:

import antfu from '@antfu/eslint-config'

export default antfu({
  typescript: true,
  vue: true,
  ignores: [
    '/quasar/project/dist',
    '/quasar/project_2/dist',
    '/node_modules',
  ],
  rules: {
    'no-console': 'off',
  },
})

Also tried this but still doesn’t work as expected. ESLint throws errors related to Antfu’s FlatConfigComposer integration or the configuration is not applied correctly.:

import antfu from '@antfu/eslint-config'

export default [
  {
    ignores: [
      '/quasar/project/dist',
      '/quasar/project_2/dist',
      '/node_modules',
    ],
  },
  ...antfu({
    typescript: true,
    vue: true,
    rules: {
      'no-console': 'off',
    },
  }),
]

Any ideas on how to get this working? Thanks!

[georiv]

For anyone having the same issue: this worked for me, apparently the order in which the ignores object is matters (it has to be first on the array):

import antfu from '@antfu/eslint-config'

export default antfu([{
  ignores: [
     '/quasar/project/dist',
    '/quasar/project_2/dist',
    '/node_modules',
  ],
}, {
  typescript: true,
  vue: true,

  rules: {
    'no-console': 'off',
    'vue/block-order': 'off',
  },
}])

Now i'm having another issue which is that my specified rules aren't being applied. I think it might be ignoring the second positioned object...