fix: router-view transform less space

Author: PeterAlfredLee

vue-transformations/__testfixtures__/router-view-keep-alive-transition/router-view-keep-alive-transition.input.vue

@@ -1,11 +1,11 @@
 <template>
   <transition>
     <keep-alive>
-      <router-view class="class one"></router-view>
+      <router-view :key="key" class="class one"></router-view>
     </keep-alive>
   </transition>
 
   <transition>
-    <router-view class="class two"></router-view>
+    <router-view :key="key" class="class two"></router-view>
   </transition>
 </template>

vue-transformations/__testfixtures__/router-view-keep-alive-transition/router-view-keep-alive-transition.output.vue

@@ -1,11 +1,11 @@
 <template>
-  <router-view class="class one" v-slot="{ Component }"><transition>
+  <router-view :key="key" class="class one" v-slot="{ Component }"><transition>
     <keep-alive>
       <component :is="Component" />
     </keep-alive>
   </transition></router-view>
 
-  <router-view class="class two" v-slot="{ Component }"><transition>
+  <router-view :key="key" class="class two" v-slot="{ Component }"><transition>
     <component :is="Component" />
   </transition></router-view>
 </template>

vue-transformations/router-view-keep-alive-transition.ts

@@ -71,10 +71,9 @@ function fix(node: Node, source: string): Operation[] {
   if (routerView) {
     routerView = <VElement>routerView
     // get attributes text
-    let attributeText = ''
-    routerView.startTag.attributes.forEach(
-      node => (attributeText += OperationUtils.getText(node, source))
-    )
+    let attributeText = routerView.startTag.attributes
+      .map(attr => OperationUtils.getText(attr, source))
+      .join(' ')
     // replace with vue-router-next syntax
     fixOperations.push(
       OperationUtils.replaceText(routerView, '<component :is="Component" />')