how to use antfu eslint with next js eslint ?

[yes-oo]

i want to add eslint-config-next ( next js own eslint) with antfu , any idea ?

[yes-oo]

so far here is my solution which i don't know if it's great or not :

// eslint.config.mjs
import antfu from '@antfu/eslint-config'
import { coreWebVitals, nextTypescript } from 'eslint-config-next'

export default antfu({
    // Type of the project. 'lib' for libraries, the default is 'app'
    type: 'lib',

    // Enable stylistic formatting rules
    // stylistic: true,

    // Customize the stylistic rules
    stylistic: {
        indent: 4, // 4 spaces for indentation
        quotes: 'single', // single quotes
    },

    // TypeScript and React are enabled
    typescript: true,
    react: true,

    // Add additional ESLint configurations from `next/core-web-vitals` and `next/typescript`
    overrides: [
        ...coreWebVitals,
        ...nextTypescript,
    ],

    // Disable jsonc and yaml support
    jsonc: false,
    yaml: false,

    // Replace `.eslintignore` with `ignores` in Flat config
    ignores: [
        '**/fixtures',
        // ...globs
    ],
})