fix: require.resolve eslint parser

Author: merceyz

packages/@vue/cli-plugin-eslint/eslintOptions.js

@@ -14,7 +14,7 @@ exports.config = (api, preset, rootOptions = {}) => {
 
   if (api.hasPlugin('babel') && !api.hasPlugin('typescript')) {
     config.parserOptions = {
-      parser: 'babel-eslint'
+      parser: makeJSOnlyValue(`require.resolve('babel-eslint')`)
     }
   }
 
@@ -59,6 +59,7 @@ function makeJSOnlyValue (str) {
   fn.__expression = str
   return fn
 }
+exports.makeJSOnlyValue = makeJSOnlyValue
 
 const baseExtensions = ['.js', '.jsx', '.vue']
 exports.extensions = api => api.hasPlugin('typescript')

packages/@vue/cli-plugin-eslint/generator/index.js

@@ -97,7 +97,7 @@ module.exports.applyTS = api => {
     eslintConfig: {
       extends: ['@vue/typescript'],
       parserOptions: {
-        parser: '@typescript-eslint/parser'
+        parser: require('../eslintOptions').makeJSOnlyValue(`require.resolve('@typescript-eslint/parser')`)
       }
     },
     devDependencies: require('../eslintDeps').DEPS_MAP.typescript

packages/@vue/cli/lib/Generator.js

@@ -219,6 +219,11 @@ module.exports = class Generator {
       // project-wide configuration even to dependencies.
       // TODO: this can be removed when Babel supports root: true in package.json
       extract('babel')
+
+      // Always extract .eslintrc.js as the parser needs to be require.resolve'ed
+      // since ESLint doesn't resolve things from where it's declared
+      // TODO: this can be removed when ESLint starts resolving things correctly
+      extract('eslint')
     }
   }