fix: closes #3

Author: ygj6

vue-transformations/__test__/v-bind-order-sensitive.spec.ts

@@ -3,7 +3,15 @@ import { runTest } from '../../src/testUtils'
 runTest(
   'Fix v-bind Merge Behavior',
   'v-bind-order-sensitive',
-  'v-bind-object',
+  'v-bind-object-not-in-the-end',
+  'vue',
+  'vue'
+)
+
+runTest(
+  'Fix v-bind Merge Behavior',
+  'v-bind-order-sensitive',
+  'v-bind-object-in-the-end',
   'vue',
   'vue'
 )

vue-transformations/__testfixtures__/v-bind-order-sensitive/v-bind-object-in-the-end.input.vue

@@ -0,0 +1,3 @@
+<template>
+  <div id='red' v-bind="{id:'blue'}"></div>
+</template>

vue-transformations/__testfixtures__/v-bind-order-sensitive/v-bind-object-in-the-end.output.vue

@@ -0,0 +1,3 @@
+<template>
+  <div v-bind="{id:'blue'}" id='red' ></div>
+</template>

vue-transformations/__testfixtures__/v-bind-order-sensitive/v-bind-object-not-in-the-end.input.vue

@@ -0,0 +1,3 @@
+<template>
+<div :id='id' class='orderArea orderBarArea'></div>
+</template>

vue-transformations/__testfixtures__/v-bind-order-sensitive/v-bind-object-not-in-the-end.output.vue

@@ -0,0 +1,3 @@
+<template>
+<div :id='id' class='orderArea orderBarArea'></div>
+</template>

vue-transformations/__testfixtures__/v-bind-order-sensitive/v-bind-object.input.vue

@@ -44,7 +44,11 @@ function fix(node: Node, source: string): Operation[] {
   // get parent node
   const target: any = node!.parent;
   // get the value of v-bind according to the range
-  const bindValue:string = source.slice(node.range[0], node.range[1]) + ' ';
+  let bindValue:string = source.slice(node.range[0], node.range[1]);
+
+  if (target.attributes[target.attributes.length -1] === node) {
+    bindValue += ' ';
+  }
   // remove node
   fixOperations.push(OperationUtils.remove(node));
   // add node to the first