fix: eslint + airbnb compat with TypeScript

Author: yyx990803

packages/@vue/cli-plugin-e2e-cypress/generator/template/test/e2e/_eslintrc

@@ -6,6 +6,9 @@
   "env": {
     "mocha": true,
     "cypress/globals": true
+  },
+  "rules": {
+    "strict": "off"
   }
 }
 <%_ } _%>

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

@@ -8,15 +8,16 @@ module.exports = api => {
   api.render('./template')
 
   api.postProcessFiles(files => {
-    const file = files['src/main.ts']
+    const isTS = 'src/main.ts' in files
+    const file = isTS
       ? 'src/main.ts'
       : 'src/main.js'
     const main = files[file]
     if (main) {
       // inject import for registerServiceWorker script into main.js
       const lines = main.split(/\r?\n/g).reverse()
       const lastImportIndex = lines.findIndex(line => line.match(/^import/))
-      lines[lastImportIndex] += `\nimport './registerServiceWorker'`
+      lines[lastImportIndex] += `\nimport './registerServiceWorker${isTS ? `.ts` : ``}'`
       files[file] = lines.reverse().join('\n')
     }
   })

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

@@ -114,12 +114,13 @@ module.exports = (api, {
   const jsRE = /\.js$/
   const excludeRE = /^test\/e2e\/|\.config\.js$/
   const convertLintFlags = require('../lib/convertLintFlags')
+  const convertImports = require('../lib/convertImports')
   api.postProcessFiles(files => {
     for (const file in files) {
       if (jsRE.test(file) && !excludeRE.test(file)) {
         const tsFile = file.replace(jsRE, '.ts')
         if (!files[tsFile]) {
-          files[tsFile] = convertLintFlags(files[file])
+          files[tsFile] = convertLintFlags(convertImports(files[file]))
         }
         delete files[file]
       }

packages/@vue/cli-plugin-typescript/lib/convertImports.js

@@ -0,0 +1,16 @@
+module.exports = function convertImports (file) {
+  return file
+    .replace(/import (.*from )?('([^']+)'|"([^"]+)")/g, ($1, $2, $3, $4) => {
+      const isRelative = $4.charAt(0) === '.'
+      const isExtensionless = !/\.\w+$/.test($4)
+      const isJS = /\.js$/.test($4)
+      const replaced = isRelative
+        ? isExtensionless
+          ? $3.replace($4, `${$4}.ts`)
+          : isJS
+            ? $3.replace(/\.js('|")$/, '.ts$1')
+            : $3
+        : $3
+      return `import ${$2 || ''}${replaced}`
+    })
+}

packages/@vue/cli-plugin-unit-jest/generator/index.js

@@ -64,7 +64,10 @@ module.exports = api => {
   if (api.hasPlugin('eslint')) {
     api.render(files => {
       files['test/unit/.eslintrc'] = JSON.stringify({
-        env: { jest: true }
+        env: { jest: true },
+        rules: {
+          'import/no-extraneous-dependencies': 'off'
+        }
       }, null, 2)
     })
   }

packages/@vue/cli-plugin-unit-mocha/generator/index.js

@@ -16,7 +16,10 @@ module.exports = api => {
   if (api.hasPlugin('eslint')) {
     api.render(files => {
       files['test/unit/.eslintrc'] = JSON.stringify({
-        env: { mocha: true }
+        env: { mocha: true },
+        rules: {
+          'import/no-extraneous-dependencies': 'off'
+        }
       }, null, 2)
     })
   }