nuxt3 generate eslint globals

.eslintrc.js

// eslint-disable-next-line @typescript-eslint/no-var-requires
const globals = require('.nuxt/eslint-globals');

// @ts-check
/** @type {import('eslint').Linter.Config} */
module.exports = {
  ...globals,
  //... other rules
};

eslint-globals.ts

import { defineNuxtModule } from '@nuxt/kit';
import fs from 'fs';
import path from 'path';

export default defineNuxtModule({
  name: 'eslint-globals',
  configKey: 'eslint-globals',
  setup(_, nuxt) {
    nuxt.hook('autoImports:extend', (autoImports) => {
      const eslintFile = `
module.exports = {
  globals: {
    ${autoImports.map((a) => `${a.as}: 'readonly'`).join(',\n\t\t')}
  }
}
      `.trim();

      fs.writeFileSync(
        path.resolve(nuxt.options.rootDir, './.nuxt/eslint-globals.js'),
        eslintFile,
        'utf-8'
      );
    });
  }
});

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3';

export default defineNuxtConfig({
  buildModules: [
    './modules/eslint-globals.ts'
  ]
});