Ao configurar Eslint tem uma opcao a menos

Olá, Thiago.

Tudo bem?

Isso acontece porque o ESLint atualizou em vez de criar um arquivo .json ele cria um arquivo .js pois mudou a forma de utilizá-lo, porém conseguimos criar o arquivo eslint.config.json manualmente e e seguir igual a aula.

Faça o seguinte: rode o comando npm init @eslint/config normalmente, e seleciona a segunda opção "To check syntax and find problems" e segue selecionando as opções igual ao curso.

Quando criar o arquivo eslint.config.js você renomeia para eslint.config.json, apaga todo código dele e cola esse outro código dentro dele:

import globals from "globals";
import pluginJs from "@eslint/js";

export default [
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
      },
    },
    rules: {
      indent: ["error", 2],
      "linebreak-style": ["error", "unix"],
      quotes: ["error", "double"],
      semi: ["error", "always"],
    },
  },
  pluginJs.configs.recommended,
];

Um detalhe: eu rodei o comando npx eslint . --fix e apresentou um erro, porém adicionando as configuração nas "Preferências" do VSCode igual é mostrado na aula, funcionou! Ele corrigi os erros presentes no arquivo quando você salva esse arquivo, por exemplo o app.js. Se o app.js estiver com erro basta salvar o arquivo novamente com CTRL + S e pronto, ele arruma os pontos e vírgulas, e as aspas, os erros somem.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.