Add handleHtml

Author: tronsha

src/Compiler.php

@@ -149,6 +149,7 @@ public function convertNode(DOMNode $node, int $level = 0): DOMNode
             $this->replaceShowWithIf($node);
             $this->handleIf($node);
             $this->handleFor($node);
+            $this->handleHtml($node);
             $this->stripEventHandlers($node);
             //$this->handleRawHtml($node, $data);
             $this->handleDefaultSlot($node);
@@ -521,6 +522,21 @@ private function handleFor(DOMElement $node)
         $node->removeAttribute('v-for');
     }
 
+    private function handleHtml(DOMElement $node)
+    {
+        if (!$node->hasAttribute('v-html')) {
+            return;
+        }
+
+        $html = $node->getAttribute('v-html');
+        $node->removeAttribute('v-html');
+        while ($node->hasChildNodes()) {
+            $node->removeChild($node->firstChild);
+        }
+        $node->appendChild(new DOMText('{{ ' . $html . '|raw }}'));
+    }
+
+
     protected function addDefaultsToVariable($varName, $string): string
     {
         if (!in_array($varName, array_keys($this->properties))) {

tests/fixtures/vue-html/html.twig

@@ -1,8 +1,6 @@
 {% set rawHtml = '<strong>text</strong>' %}
-<template>
-  <div>
-    <span>
-      {{ rawHtml|raw }}
-    </span>
-  </div>
-</template>
+<div class="{{class|default('')}}">
+  <span>
+    {{ rawHtml|raw }}
+  </span>
+</div>

tests/fixtures/vue-html/html.vue

@@ -5,7 +5,7 @@
 </template>
 
 <twig>
-  {% set rawHtml = '<strong>text</strong>' %}
+  {% set rawHtml = '&lt;strong&gt;text&lt;/strong&gt;' %}
 </twig>
 
 <script>