From 27d07f679a239cb6f8a918483d9ae844ae2cdba9 Mon Sep 17 00:00:00 2001
From: Alexander Pape <a.pape@paneon.de>
Date: Mon, 25 Feb 2019 15:50:14 +0100
Subject: [PATCH] Add space after dynamic class binding

---
 src/Compiler.php                                      | 4 +++-
 tests/fixtures/vue-bind/bindings.twig                 | 2 +-
 tests/fixtures/vue-bind/double-attribute-binding.twig | 3 +++
 tests/fixtures/vue-bind/double-attribute-binding.vue  | 3 +++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/Compiler.php b/src/Compiler.php
index 1e7734b..538ac47 100644
--- a/src/Compiler.php
+++ b/src/Compiler.php
@@ -83,6 +83,8 @@ public function convert(): string
     {
         $templateElement = $this->document->getElementsByTagName('template')->item(0);
         $scriptElement = $this->document->getElementsByTagName('script')->item(0);
+
+        /** @var \DOMNodeList $twigBlocks */
         $twigBlocks = $this->document->getElementsByTagName('twig');
 
         if ($scriptElement) {
@@ -340,7 +342,7 @@ private function handleAttributeBinding(DOMElement $node)
                         $dynamicValues[] = sprintf(
                             '{{ %s ? \'%s\' }}',
                             $this->builder->refactorCondition($matchElement['condition']),
-                            $matchElement['class']
+                            $matchElement['class'] . ' '
                         );
                     }
                 }
diff --git a/tests/fixtures/vue-bind/bindings.twig b/tests/fixtures/vue-bind/bindings.twig
index f73cce8..1c69699 100644
--- 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' }} {{ not isSomething ? 'block2' }}"></div>
+    <div class="category-filter-list categories {{ isSomething ? 'block ' }} {{ not isSomething ? 'block2 ' }}"></div>
   </div>
 </div>
diff --git a/tests/fixtures/vue-bind/double-attribute-binding.twig b/tests/fixtures/vue-bind/double-attribute-binding.twig
index 6e93bfc..56acbf1 100644
--- a/tests/fixtures/vue-bind/double-attribute-binding.twig
+++ b/tests/fixtures/vue-bind/double-attribute-binding.twig
@@ -2,4 +2,7 @@
   <div class="static1 static2 dynamic dynamic--{{ modifier }}">
     Hello World
   </div>
+  <div class="static1 static2 {{ true ? 'my-class ' }}">
+    With Object Binding
+  </div>
 </div>
diff --git a/tests/fixtures/vue-bind/double-attribute-binding.vue b/tests/fixtures/vue-bind/double-attribute-binding.vue
index 8fac3cd..13a8f2b 100644
--- a/tests/fixtures/vue-bind/double-attribute-binding.vue
+++ b/tests/fixtures/vue-bind/double-attribute-binding.vue
@@ -3,6 +3,9 @@
     <div :class="`dynamic dynamic--${modifier}`" class="static1 static2">
       Hello World
     </div>
+    <div :class="{ 'my-class': true }" class="static1 static2">
+      With Object Binding
+    </div>
   </div>
 </template>