title: ESLint in VSCode not fixing on save
body: <p>I am using ESLint in my Vue(Nuxt) project in VSCode. When I save I would like my ESLint to run automatically and fix all the warnings for me automatically.</p>
  
  <p>This is my settings.json file in VSCode:</p>
  
  <pre><code>{
      "editor.codeActionsOnSave": {
          "source.fixAll.eslint": true
      },
      "vetur.format.defaultFormatter.js": "vscode-typescript",
      "vetur.validation.template": false,
      "vetur.completion.scaffoldSnippetSources": {},
      "vetur.completion.useScaffoldSnippets": false,
      "vetur.format.defaultFormatter.html": "none",
      "workbench.iconTheme": "material-icon-theme",
      "git.autofetch": true,
      "git.defaultCloneDirectory": "",
      "gitlens.views.repositories.files.layout": "list",
      "editor.tabSize": 2,
      "editor.detectIndentation": false,
  }
  </code></pre>
  
  <p>And this is my .eslintrc.js file:</p>
  
  <pre><code>module.exports = {
    root: true,
    env: {
      browser: true,
      node: true,
    },
    extends: [
      "@nuxtjs",
      "plugin:nuxt/recommended",
      "../.eslintrc.js"
    ],
    rules: {
      //Add custom rules for the frontend here.
      //Rules that are common for shared, frontend and backend should go in the parent file
      "nuxt/no-cjs-in-config": "off",
    },
  }
  </code></pre>
  
  <p>The linked ../.eslintrc.js file contains the following:</p>
  
  <pre><code>module.exports = {
    parserOptions: {
      parser: 'babel-eslint',
    },
    plugins: ['jest'],
    rules: {
      'prefer-const': 'off',
      'comma-dangle': ['error', 'always-multiline'],
      'prefer-template': 'error',
    },
    env: {
      'jest/globals': true
    }
  }
  </code></pre>
  
  <p>Whenever I save the file the warnings just show up and will not automatically fix themselves. 
  <a href="https://i.stack.imgur.com/HPgX9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/HPgX9.png" alt="eslint warnings"></a></p>
  
  <p>EDIT:
  I've turned on verbose output and i'm seeing this in the output:</p>
  
  <pre><code>(node:6832) UnhandledPromiseRejectionWarning: Error: Failed to load plugin 'import' declared in 'frontend\.eslintrc.js » @nuxtjs/eslint-config': Cannot find module 'eslint-plugin-import'
  Require stack:
  </code></pre>
  
  <p>I've then ran <code>yarn add eslint-plugin-import</code> and tried again, it still returns the same error. </p>