feat: support new compostion api spec

yoyo930021 · Aug 1, 2020 · 7d26539 · 7d26539
1 parent 9013a09
commit 7d26539
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 37 deletions.
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
@@ -214,7 +214,7 @@ export function convertASTResultToImport (astResults: ASTResult<ts.Node>[], opti
   if (options.compatible && importMap.has('@vue/composition-api')) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const temp = importMap.get('@vue/composition-api')!
-    temp.named.add('createComponent')
+    temp.named.add('defineComponent')
     importMap.set('@vue/composition-api', temp)
   }
 
@@ -252,7 +252,7 @@ export function runPlugins (
   log('Make default export object')
   const exportDefaultExpr = (options.compatible)
     ? tsModule.createCall(
-      tsModule.createIdentifier('createComponent'),
+      tsModule.createIdentifier('defineComponent'),
       undefined,
       [tsModule.createObjectLiteral(
         [

diff --git a/src/plugins/vue-property-decorator/Watch.ts b/src/plugins/vue-property-decorator/Watch.ts
@@ -25,34 +25,10 @@ export const convertWatch: ASTConverter<ts.MethodDeclaration> = (node, options)
       )
       const watchOptions: ts.PropertyAssignment[] = []
       if (tsModule.isObjectLiteralExpression(watchArguments)) {
-        let hasLazy = false
         watchArguments.properties.forEach((el) => {
-          if (tsModule.isPropertyAssignment(el)) {
-            if (el.name.getText() === 'immediate') {
-              if (el.initializer.kind === tsModule.SyntaxKind.TrueKeyword || el.initializer.kind === tsModule.SyntaxKind.FalseKeyword) {
-                hasLazy = true
-                const valueFn = (el.initializer.kind === tsModule.SyntaxKind.TrueKeyword) ? tsModule.createFalse : tsModule.createTrue
-                watchOptions.push(
-                  tsModule.createPropertyAssignment(
-                    tsModule.createIdentifier('lazy'),
-                    valueFn()
-                  )
-                )
-              }
-            } else {
-              watchOptions.push(el)
-            }
-          }
+          if (!tsModule.isPropertyAssignment(el)) return
+          watchOptions.push(el)
         })
-
-        if (!hasLazy) {
-          watchOptions.push(
-            tsModule.createPropertyAssignment(
-              tsModule.createIdentifier('lazy'),
-              tsModule.createTrue()
-            )
-          )
-        }
       }
 
       return {

diff --git a/tests/__snapshots__/testTSFile.spec.ts.snap b/tests/__snapshots__/testTSFile.spec.ts.snap
@@ -8,13 +8,13 @@ exports[`testTSFile compatible 1`] = `
   ref,
   watch,
   onMounted,
-  createComponent
+  defineComponent
 } from '@vue/composition-api'
 
 /**
  * My basic tag
  */
-export default createComponent({
+export default defineComponent({
   model: {
     prop: 'checked',
     event: 'change'
@@ -77,7 +77,7 @@ export default createComponent({
         console.log(val, newVal)
         console.log(anotherComponent.value!)
       },
-      { deep: true, lazy: false }
+      { deep: true, immediate: true }
     )
     onMounted(() => {
       click('oao')
@@ -128,13 +128,13 @@ exports[`testTSFile compatible and ts config file: stdout 1`] = `
   ref,
   watch,
   onMounted,
-  createComponent
+  defineComponent
 } from '@vue/composition-api'
 
 /**
  * My basic tag
  */
-export default createComponent({
+export default defineComponent({
   model: {
     prop: 'checked',
     event: 'change'
@@ -197,7 +197,7 @@ export default createComponent({
         console.log(val, newVal)
         console.log(anotherComponent.value!)
       },
-      { deep: true, lazy: false }
+      { deep: true, immediate: true }
     )
     onMounted(() => {
       click('oao')
@@ -308,7 +308,7 @@ export default {
         console.log(val, newVal)
         console.log(anotherComponent.value!)
       },
-      { deep: true, lazy: false }
+      { deep: true, immediate: true }
     )
     onMounted(() => {
       click('oao')

diff --git a/tests/__snapshots__/testVueFile.spec.ts.snap b/tests/__snapshots__/testVueFile.spec.ts.snap
@@ -8,15 +8,15 @@ exports[`testVueFile compatible 1`] = `
   ref,
   provide,
   inject,
-  createComponent
+  defineComponent
 } from '@vue/composition-api'
 
 const symbol = Symbol('baz')
 
 /**
  * My basic tag
  */
-export default createComponent({
+export default defineComponent({
   model: {
     prop: 'checked',
     event: 'change'