fix: not run new-component-api transformation in main.js (#67)

Author: Alan Wang

transformations/__tests__/new-component-api.spec.ts

@@ -17,3 +17,19 @@ export default {
 };;`,
   'transform global component registration'
 )
+
+defineInlineTest(
+  transform,
+  {},
+  `import Vue from 'vue'
+import App from './App.vue'
+import MyComponent from './MyComponent'
+Vue.component('my-component', MyComponent)
+new Vue(App).$mount('app')`,
+  `import Vue from 'vue'
+import App from './App.vue'
+import MyComponent from './MyComponent'
+Vue.component('my-component', MyComponent)
+new Vue(App).$mount('app')`,
+  `don't transform global component api when there are other expression statements`
+)

transformations/new-component-api.ts

@@ -6,6 +6,12 @@ import * as _ from 'lodash'
 
 export const transformAST: ASTTransformation = context => {
   const { root, j, filename } = context
+  const rootExpressionStatement = root
+    .find(j.ExpressionStatement)
+    .filter(path => path.parent.value.type === 'Program')
+  if (rootExpressionStatement.length > 1) {
+    return
+  }
   // find Vue.component
   const componentRegistration = root
     .find(j.CallExpression, {