Use refactorCondition on the conditions of the object binding

Author: Macavity

src/Compiler.php

@@ -228,7 +228,11 @@ private function handleAttributeBinding(DOMElement $node)
 
                 foreach ($items as $item) {
                     if(preg_match($regexObjectElements, $item, $matchElement)){
-                        $dynamicValues[] = sprintf('{{ %s ? \'%s\' }}', $matchElement['condition'], $matchElement['class']);
+                        $dynamicValues[] = sprintf(
+                            '{{ %s ? \'%s\' }}',
+                            $this->builder->refactorCondition($matchElement['condition']),
+                            $matchElement['class']
+                        );
                     }
                 }
 

tests/fixtures/vue-bind/bindings.twig

@@ -3,6 +3,6 @@
     <input type="radio" checked>
     <img src="{{imageSrc}}">
     <div class="a b c"></div>
-    <div class="category-filter-list categories {{ isSomething ? 'block' }} {{ isSomething ? 'block2' }}"></div>
+    <div class="category-filter-list categories {{ isSomething ? 'block' }} {{ not isSomething ? 'block2' }}"></div>
   </div>
 </div>

tests/fixtures/vue-bind/bindings.vue

@@ -4,7 +4,7 @@
       <input type="radio" :checked="true">
       <img :src="imageSrc">
       <div :class="['a', 'b', 'c']"></div>
-      <div :class="{ 'block': isSomething, 'block2': isSomething}" class="category-filter-list categories"></div>
+      <div :class="{ 'block': isSomething, 'block2': !isSomething}" class="category-filter-list categories"></div>
       </div>
   </div>
 </template>