Migrating .eslintrc.json to eslint.config.mjs

[RampantDespair]

Summary

I wish to migrate nextjs's eslint config to the new format.
My .eslintrc.json contains this:

{
  "extends": [
    "eslint:recommended",
    "next",
    "next/core-web-vitals",
    "next/typescript"
  ]
}

I've tried npx @eslint/migrate-config .eslintrc.json
Which gives me this:

import path from "node:path";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
    baseDirectory: __dirname,
    recommendedConfig: js.configs.recommended,
    allConfig: js.configs.all
});

const eslintConfig = [
    ...compat.extends("eslint:recommended", "next", "next/core-web-vitals", "next/typescript"),
    {
        rules: {},
    },
];

export default eslintConfig;

However looking at other configuration providers like @eslint/js and typescript-eslint, they can do that:

import jseslint from "@eslint/js";
import globals from "globals";
import tseslint from "typescript-eslint";

/** @type {import('eslint').Linter.Config[]} */
const config = [
  jseslint.configs.recommended,
  tseslint.configs.recommended,
  {
    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
  },
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
      },
    },
  },
];

export default config;

I wasn't able to figure out how to do the same with next's configs.
Is this currently not supported or am I just not figuring out how to do this properly?

Additional information

No response

Example

No response

[icyJoseph]

It is on the making, as per this PR: #73873

To be honest, this whole eslint9, I kept it on the background, but a few days ago, I tried it myself, and boy was a bit of work... I ended up just running the migration script, and keeping that as is, for now.

[RampantDespair]

Gotcha, well then I suppose my config will look like this till then:

import { FlatCompat } from "@eslint/eslintrc";
import jseslint from "@eslint/js";
import mantineeslint from "eslint-config-mantine";
import globals from "globals";
import path from "node:path";
import { fileURLToPath } from "node:url";
import tseslint from "typescript-eslint";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
  baseDirectory: __dirname,
});

/** @type {import('eslint').Linter.Config[]} */
const eslintConfig = [
  jseslint.configs.recommended,
  tseslint.configs.recommended,
  ...mantineeslint,
  {
    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
  },
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
      },
    },
  },
  ...compat.extends(
    "eslint:recommended",
    "next",
    "next/core-web-vitals",
    "next/typescript",
  ),
  {
    rules: {},
  },
];

export default eslintConfig;

Not sure if it's correct either but I guess we shall see.