Add space after dynamic class binding

Author: Macavity

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'] . ' '
                         );
                     }
                 }

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>

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>

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>