fix: fix output quote styles in codemods

The recast print utility prefers double quotes by default,
this may fail many users' eslint check, so we have to implement a
detection utility to tell if double quotes are actually needed.

Template literals are also converted to string literals, to make things
easier for future iterations.

Author: haoqunjiang

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/customConfig.input.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    ["@vue/app", {
+    ['@vue/app', {
       polyfills: []
     }]
   ]

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/customConfig.output.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    ["@vue/cli-plugin-babel/preset", {
+    ['@vue/cli-plugin-babel/preset', {
       polyfills: []
     }]
   ]

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/default.input.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/app"]
+  presets: ['@vue/app']
 }

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/default.output.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
+  presets: ['@vue/cli-plugin-babel/preset']
 }

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/doubleQuote.input.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/app"]
+}

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/doubleQuote.output.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/cli-plugin-babel/preset"]
+}

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/require.input.js

@@ -1,6 +1,6 @@
 const config = {
   presets: [
-    [require("@vue/babel-preset-app"), {
+    [require('@vue/babel-preset-app'), {
       polyfills: []
     }]
   ]

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/require.output.js

@@ -1,6 +1,6 @@
 const config = {
   presets: [
-    [require("@vue/cli-plugin-babel/preset"), {
+    [require('@vue/cli-plugin-babel/preset'), {
       polyfills: []
     }]
   ]

packages/@vue/cli-plugin-babel/codemods/__testfixtures__/templateLiteral.output.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [`@vue/cli-plugin-babel/preset`]
+  presets: ['@vue/cli-plugin-babel/preset']
 }

packages/@vue/cli-plugin-babel/codemods/usePluginPreset.js

@@ -2,16 +2,14 @@ module.exports = function (fileInfo, api) {
   const j = api.jscodeshift
   const root = j(fileInfo.source)
 
+  const useDoubleQuote = root.find(j.Literal).some(({ node }) => node.raw.startsWith('"'))
+
   root
     .find(j.Literal, { value: '@vue/app' })
-    .forEach(({ node }) => {
-      node.value = '@vue/cli-plugin-babel/preset'
-    })
+    .replaceWith(j.stringLiteral('@vue/cli-plugin-babel/preset'))
   root
     .find(j.Literal, { value: '@vue/babel-preset-app' })
-    .forEach(({ node }) => {
-      node.value = '@vue/cli-plugin-babel/preset'
-    })
+    .replaceWith(j.stringLiteral('@vue/cli-plugin-babel/preset'))
 
   const templateLiterals = root
     .find(j.TemplateLiteral, {
@@ -24,18 +22,20 @@ module.exports = function (fileInfo, api) {
         cooked: '@vue/app'
       }
     })
-    .forEach(({ node }) => {
-      node.value = { cooked: '@vue/cli-plugin-babel/preset', raw: '@vue/cli-plugin-babel/preset' }
-    })
+    .closest(j.TemplateLiteral)
+    .replaceWith(j.stringLiteral('@vue/cli-plugin-babel/preset'))
+
   templateLiterals
     .find(j.TemplateElement, {
       value: {
         cooked: '@vue/babel-preset-app'
       }
     })
-    .forEach(({ node }) => {
-      node.value = { cooked: '@vue/cli-plugin-babel/preset', raw: '@vue/cli-plugin-babel/preset' }
-    })
+    .closest(j.TemplateLiteral)
+    .replaceWith(j.stringLiteral('@vue/cli-plugin-babel/preset'))
 
-  return root.toSource({ lineTerminator: '\n' })
+  return root.toSource({
+    lineTerminator: '\n',
+    quote: useDoubleQuote ? 'double' : 'single'
+  })
 }