refactor: rename rootOption to rootProp, to be in line with the type definition in vue-next

Author: haoqunjiang

generator/codemods/global-api/__testfixtures__/custom-root-option.input.js renamed to generator/codemods/global-api/__testfixtures__/custom-root-prop.input.js

@@ -3,7 +3,7 @@ jest.autoMockOff()
 const { defineTest } = require('jscodeshift/dist/testUtils')
 
 defineTest(__dirname, 'index', null, 'basic')
-defineTest(__dirname, 'index', null, 'custom-root-option')
+defineTest(__dirname, 'index', null, 'custom-root-prop')
 // defineTest(__dirname, 'index', null, 'el')
 defineTest(__dirname, 'index', null, 'vue-router')
 defineTest(__dirname, 'index', null, 'vuex')

generator/codemods/global-api/__testfixtures__/custom-root-option.output.js renamed to generator/codemods/global-api/__testfixtures__/custom-root-prop.output.js

@@ -24,12 +24,12 @@ module.exports = function createAppMount(context) {
   addImport(context, { imported: 'createApp' }, 'vue')
 
   mountCalls.replaceWith(({ node }) => {
-    let options = node.callee.object.arguments[0]
+    let rootProps = node.callee.object.arguments[0]
     const el = node.arguments[0]
 
     return j.callExpression(
       j.memberExpression(
-        j.callExpression(j.identifier('createApp'), [options]),
+        j.callExpression(j.identifier('createApp'), [rootProps]),
         j.identifier('mount')
       ),
       [el]

generator/codemods/global-api/__tests__/global-api-test.js

@@ -5,8 +5,8 @@ module.exports = function(fileInfo, api) {
   const context = { j, root }
 
   require('./create-app-mount')(context)
-  require('./root-option-to-use')(context, 'store')
-  require('./root-option-to-use')(context, 'router')
+  require('./root-prop-to-use')(context, 'store')
+  require('./root-prop-to-use')(context, 'router')
   require('./remove-trivial-root')(context)
   require('./remove-production-tip')(context)
   require('./remove-vue-use')(context)

generator/codemods/global-api/create-app-mount.js

@@ -1,6 +1,6 @@
 /**
  * It is expected to be run after the `createApp` transformataion
- * if a root component is trivial, that is, it contains only one simple option,
+ * if a root component is trivial, that is, it contains only one simple prop,
  * like `{ render: h => h(App) }`, then just use the `App` variable
  * 
  * TODO: implement `remove-trivial-render`,

generator/codemods/global-api/index.js

@@ -4,7 +4,7 @@
  * But in library implementations like `vue-router` and `vuex`,
  * the new `app.use` does not reuse the same argument passed to `Vue.use()`,
  * but expects instantiated instances that are used to pass to the root components instead.
- * So we now expect the migration to be done in the `root-option-to-use` transformation,
+ * So we now expect the migration to be done in the `root-prop-to-use` transformation,
  * and the `Vue.use` statements can be just abandoned.
  * @param {Object} context
  * @param {import('jscodeshift').JSCodeshift} context.j

generator/codemods/global-api/remove-trivial-root.js

@@ -5,30 +5,30 @@
  * @param {import('jscodeshift').JSCodeshift} context.j
  * @param {ReturnType<import('jscodeshift').Core>} context.root
  */
-module.exports = function rootOptionToUse(context, rootOptionName) {
+module.exports = function rootPropToUse(context, rootPropName) {
   const { j, root } = context
 
   const appRoots = root.find(j.CallExpression, {
     callee: { name: 'createApp' },
     arguments: args =>
       args.length === 1 &&
       args[0].type === 'ObjectExpression' &&
-      args[0].properties.find(p => p.key.name === rootOptionName)
+      args[0].properties.find(p => p.key.name === rootPropName)
   })
 
   appRoots.replaceWith(({ node: createAppCall }) => {
-    const rootOptions = createAppCall.arguments[0]
-    const propertyIndex = rootOptions.properties.findIndex(
-      p => p.key.name === rootOptionName
+    const rootProps = createAppCall.arguments[0]
+    const propertyIndex = rootProps.properties.findIndex(
+      p => p.key.name === rootPropName
     )
-    const [{ value: pluginInstance }] = rootOptions.properties.splice(
+    const [{ value: pluginInstance }] = rootProps.properties.splice(
       propertyIndex,
       1
     )
 
     return j.callExpression(
       j.memberExpression(
-        j.callExpression(j.identifier('createApp'), [rootOptions]),
+        j.callExpression(j.identifier('createApp'), [rootProps]),
         j.identifier('use')
       ),
       [pluginInstance]