fix: close #1

Author: ygj6

vue-transformations/__test__/slot-attribute.spec.ts

@@ -7,3 +7,10 @@ runTest(
   'vue',
   'vue'
 )
+runTest(
+  'template element replace slot="xxx" to v-slot:xxx',
+  'slot-attribute',
+  'template-slot-attribute',
+  'vue',
+  'vue'
+)

vue-transformations/__testfixtures__/slot-attribute/template-slot-attribute.input.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="hello">
+    <base-layout>
+      <template slot="title">title-content</template>
+    </base-layout>
+  </div>
+</template>

vue-transformations/__testfixtures__/slot-attribute/template-slot-attribute.output.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="hello">
+    <base-layout>
+      <template v-slot:title>title-content</template>
+    </base-layout>
+  </div>
+</template>

vue-transformations/slot-attribute.ts

@@ -44,19 +44,28 @@ function findNodes(context: any): Node[] {
  */
 function fix(node: Node): Operation[] {
   let fixOperations: Operation[] = []
-
-  const target: any = node!.parent!.parent
+  const element: any = node!.parent!.parent
   // @ts-ignore
   const slotValue: string = node!.value!.value
 
-  // remove v-slot:${slotValue}
-  fixOperations.push(OperationUtils.remove(node))
-  // add <template v-slot:${slotValue}>
-  fixOperations.push(
-    OperationUtils.insertTextBefore(target, `<template v-slot:${slotValue}>`)
-  )
-  // add </template>
-  fixOperations.push(OperationUtils.insertTextAfter(target, `</template>`))
+  if (
+    element != null &&
+    element != undefined &&
+    element.type == 'VElement' &&
+    element.name == 'template'
+  ) {
+    // template element replace slot="xxx" to v-slot:xxx
+    fixOperations.push(OperationUtils.replaceText(node, `v-slot:${slotValue}`))
+  } else {
+    // remove v-slot:${slotValue}
+    fixOperations.push(OperationUtils.remove(node))
+    // add <template v-slot:${slotValue}>
+    fixOperations.push(
+      OperationUtils.insertTextBefore(element, `<template v-slot:${slotValue}>`)
+    )
+    // add </template>
+    fixOperations.push(OperationUtils.insertTextAfter(element, `</template>`))
+  }
 
   return fixOperations
 }