title: Setup vite --template react and eslint (airbnb)
body: <p>I'm trying to configure a project using vite.js and airbnb eslint setup.
  I would like a &quot;create-react-app&quot;-kind of workflow where the linting is made every time the server starts/restarts, but I'm having a lot of trouble in doing so. To make things work I followed this video in particular: <a href="https://www.youtube.com/watch?v=cSl12yjFgDo" rel="nofollow noreferrer">https://www.youtube.com/watch?v=cSl12yjFgDo</a>. They use @rollup/plugin-eslint to achieve linting on every server restart, with the option <code>{ enforce: &quot;pre&quot; }</code>, but it's absolutely not working for me. I have 200+ linting errors from files internal to vite.
  This is my vite.config.js:</p>
  <pre><code>import { defineConfig } from 'vite';
  import react from '@vitejs/plugin-react';
  import eslint from '@rollup/plugin-eslint';
  
  export default defineConfig({
    plugins: [react(), { ...eslint(), enforce: 'pre' }],
  });
  </code></pre>
  <p>This my .eslintrc.js</p>
  <pre><code>module.exports = {
    env: {
      browser: true,
      es2021: true,
    },
    extends: ['airbnb', 'airbnb/hooks'],
    parserOptions: {
      ecmaFeatures: {
        jsx: true,
      },
      ecmaVersion: 'latest',
      sourceType: 'module',
    },
    plugins: [],
    rules: {},
  };
  </code></pre>
  <p>As you can see it's all very minimal at the moment.
  Can you please point me towards the right direction?</p>