fix: rename property in props option(v-model) (vuejs#24)

Author: ygj6

transformations/__tests__/v-model.spec.ts

@@ -7,6 +7,7 @@ defineInlineTest(
   {},
   `export default {
   props: {
+    title: String,
     value: String
   },
   model: {
@@ -22,7 +23,8 @@ defineInlineTest(
 }`,
   `export default {
   props: {
-    modelValue: String
+    modelValue: String,
+    value: String
   },
 
   emits: ['update:modelValue'],
@@ -46,7 +48,8 @@ defineInlineTest(
   {},
   `export default {
   props: {
-    value: String
+    value: String,
+    title: String
   },
   model: {
     prop: 'title',
@@ -56,6 +59,7 @@ defineInlineTest(
 }`,
   `export default {
   props: {
+    value: String,
     modelValue: String
   },
   emits: ['update:modelValue'],
@@ -73,7 +77,7 @@ defineInlineTest(
   {},
   `export default {
   props: {
-    value: String
+    title: String
   },
   model: {
     prop: 'title',

transformations/v-model.ts

@@ -35,18 +35,19 @@ export const transformAST: ASTTransformation = ({ j, root }) => {
   if (!propsCollections.length) return
 
   // find the value which is in props
-  const valueNode: ObjectProperty = propsCollections
-    .find(j.ObjectProperty, node => node.key.name === 'value')
+  const valueNodePath = propsCollections
+    .find(j.ObjectProperty, node => node.key.name === propName)
     .filter(path => path.parent.parent.node.key.name === 'props')
-    .get(0).node
-
-  // replace the value with modelValue
-  // @ts-ignore
-  valueNode?.key.name = 'modelValue'
 
   // remove model option
   modelCollection.remove()
 
+  if(!valueNodePath.length) return
+
+  // replace the value with modelValue
+  // @ts-ignore
+  valueNodePath.get(0).node.key.name = 'modelValue'
+
   // find the methods option
   const methodsCollections = root
     .find(j.ObjectProperty, node => node.key.name === 'methods')