Use refactorCondition on the conditions of the object binding

Paneon · Feb 21, 2019 · a4aa825 · a4aa825
1 parent 8f6bc33
commit a4aa825
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/Compiler.php b/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']
+ );
  }
  }
 

diff --git a/tests/fixtures/vue-bind/bindings.twig b/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>
diff --git a/tests/fixtures/vue-bind/bindings.vue b/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>