Merge pull request #59 from tronsha/feature/data-twig-remove

Add data-twig-remove

Author: tronsha

src/Compiler.php

@@ -183,6 +183,7 @@ public function convertNode(DOMNode $node, int $level = 0): DOMNode
         } elseif ($node instanceof DOMDocument) {
             $this->logger->warning('Document node found.');
         } elseif ($node instanceof DOMElement) {
+            $this->twigRemove($node);
             $this->replaceShowWithIf($node);
             $this->handleIf($node, $level);
             $this->handleFor($node);
@@ -967,4 +968,11 @@ private function handleCommentNode(DOMComment $node): void
             $node->parentNode->removeChild($node);
         }
     }
+
+    private function twigRemove(DOMElement $node): void
+    {
+        if ($node->hasAttribute('data-twig-remove')) {
+            $node->parentNode->removeChild($node);
+        }
+    }
 }

tests/DataTwigRemoveTest.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace Paneon\VueToTwig\Tests;
+
+use Exception;
+
+class DataTwigRemoveTest extends AbstractTestCase
+{
+    /**
+     * @throws Exception
+     */
+    public function testDataTwigRemove()
+    {
+        $vueTemplate = '<template><div><span data-twig-remove>dummy</span></div></template>';
+
+        $expected = '<div class="{{class|default(\'\')}}"></div>';
+
+        $compiler = $this->createCompiler($vueTemplate);
+
+        $actual = $compiler->convert();
+
+        $this->assertEqualHtml($expected, $actual);
+    }
+}