Fix data-twig-remove with v-if or v-for

Author: tronsha

src/Compiler.php

@@ -190,7 +190,9 @@ 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);
+            if ($this->twigRemove($node)) {
+                return $node;
+            }
             $this->replaceShowWithIf($node);
             $this->handleIf($node, $level);
             $this->handleFor($node);
@@ -976,10 +978,14 @@ private function handleCommentNode(DOMComment $node): void
         }
     }
 
-    private function twigRemove(DOMElement $node): void
+    private function twigRemove(DOMElement $node): bool
     {
         if ($node->hasAttribute('data-twig-remove')) {
             $node->parentNode->removeChild($node);
+
+            return true;
         }
+
+        return false;
     }
 }

tests/DataTwigRemoveTest.php

@@ -21,4 +21,20 @@ public function testDataTwigRemove()
 
         $this->assertEqualHtml($expected, $actual);
     }
+
+    /**
+     * @throws Exception
+     */
+    public function testDataTwigRemoveWithIf()
+    {
+        $vueTemplate = '<template><div><span v-if="true" data-twig-remove>dummy</span></div></template>';
+
+        $expected = '<div class="{{ class|default(\'\') }}" style="{{ style|default(\'\') }}"></div>';
+
+        $compiler = $this->createCompiler($vueTemplate);
+
+        $actual = $compiler->convert();
+
+        $this->assertEqualHtml($expected, $actual);
+    }
 }