Merge pull request #40 from tronsha/feature/attributes-cleanup

Cleanup Attributes

Author: Macavity

src/Compiler.php

@@ -153,6 +153,7 @@ public function convertNode(DOMNode $node, int $level = 0): DOMNode
             $this->stripEventHandlers($node);
             //$this->handleRawHtml($node, $data);
             $this->handleDefaultSlot($node);
+            $this->cleanupAttributes($node);
         }
 
         /*
@@ -409,6 +410,15 @@ protected function handleTextNode(DOMText $node)
         return $node;
     }
 
+    private function cleanupAttributes(DOMElement $node) {
+        if ($node->hasAttribute('ref')) {
+            $node->removeAttribute('ref');
+        }
+        if ($node->hasAttribute(':ref')) {
+            $node->removeAttribute(':ref');
+        }
+    }
+
     private function handleIf(DOMElement $node): void
     {
         if (!$node->hasAttribute('v-if') &&

tests/CleanupAttributesTest.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace Paneon\VueToTwig\Tests;
+
+class CleanupAttributesTest extends AbstractTestCase
+{
+    public function testCleanupAttributes()
+    {
+        $vueTemplate = '<template><div ref="reference">dummy</div></template>';
+
+        $expected = '<div class="{{class|default(\'\')}}">dummy</div>';
+
+        $compiler = $this->createCompiler($vueTemplate);
+
+        $actual = $compiler->convert();
+
+        $this->assertEqualHtml($expected, $actual);
+    }
+}