feat: implement tree-shaking api

Author: ygj6

Diff for: generator/codemods/global-api/index.js

@@ -11,6 +11,9 @@ module.exports = function(fileInfo, api) {
   require('./remove-production-tip')(context)
   require('./remove-vue-use')(context)
   require('./remove-contextual-h')(context)
+  require('./next-tick')(context)
+  require('./observable')(context)
+  require('./version')(context)
 
   // remove extraneous imports
   const removeExtraneousImport = require('../utils/remove-extraneous-import')

Diff for: generator/codemods/global-api/next-tick.js

@@ -0,0 +1,30 @@
+/**
+ * @param {Object} context
+ * @param {import('jscodeshift').JSCodeshift} context.j
+ * @param {ReturnType<import('jscodeshift').Core>} context.root
+ */
+module.exports = function createAppMount(context) {
+  const { j, root } = context
+
+  // Vue.nextTick(() => {})
+  const nextTickCalls = root.find(j.CallExpression, n => {
+    return (
+      n.callee.type === 'MemberExpression' &&
+      n.callee.property.name === 'nextTick' &&
+      n.callee.object.name === 'Vue'
+    )
+  })
+
+  if (!nextTickCalls.length) {
+    return
+  }
+
+  const addImport = require('../utils/add-import')
+  addImport(context, { imported: 'nextTick' }, 'vue')
+
+  nextTickCalls.replaceWith(({ node }) => {
+    const el = node.arguments[0]
+
+    return j.callExpression(j.identifier('nextTick'), [el])
+  })
+}

Diff for: generator/codemods/global-api/observable.js

@@ -0,0 +1,30 @@
+/**
+ * @param {Object} context
+ * @param {import('jscodeshift').JSCodeshift} context.j
+ * @param {ReturnType<import('jscodeshift').Core>} context.root
+ */
+module.exports = function createAppMount(context) {
+  const { j, root } = context
+
+  // Vue.observable(state)
+  const observableCalls = root.find(j.CallExpression, n => {
+    return (
+      n.callee.type === 'MemberExpression' &&
+      n.callee.property.name === 'observable' &&
+      n.callee.object.name === 'Vue'
+    )
+  })
+
+  if (!observableCalls.length) {
+    return
+  }
+
+  const addImport = require('../utils/add-import')
+  addImport(context, { imported: 'reactive' }, 'vue')
+
+  observableCalls.replaceWith(({ node }) => {
+    const el = node.arguments[0]
+
+    return j.callExpression(j.identifier('reactive'), [el])
+  })
+}

Diff for: generator/codemods/global-api/version.js

@@ -0,0 +1,29 @@
+/**
+ * @param {Object} context
+ * @param {import('jscodeshift').JSCodeshift} context.j
+ * @param {ReturnType<import('jscodeshift').Core>} context.root
+ */
+module.exports = function createAppMount(context) {
+  const { j, root } = context
+
+  // Vue.version
+  const versionCalls = root.find(j.MemberExpression, n => {
+    return (
+      n.property.name === 'version' &&
+      n.object.name === 'Vue'
+    )
+  })
+
+  if (!versionCalls.length) {
+    return
+  }
+
+  const addImport = require('../utils/add-import')
+  addImport(context, { imported: 'version' }, 'vue')
+
+  versionCalls.replaceWith(({ node }) => {
+    const property = node.property.name
+
+    return j.identifier(property)
+  })
+}