From 8cf06f9e142b5ba3254bccfa6ac3787e59c278dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20H=C3=BCsges?= <tronsha@gmx.de>
Date: Thu, 30 Jan 2020 15:44:14 +0100
Subject: [PATCH 1/6] ADD v-html

---
 tests/VueHtmlTest.php             | 23 +++++++++++++++++++++++
 tests/fixtures/vue-html/html.twig |  8 ++++++++
 tests/fixtures/vue-html/html.vue  | 19 +++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 tests/VueHtmlTest.php
 create mode 100644 tests/fixtures/vue-html/html.twig
 create mode 100644 tests/fixtures/vue-html/html.vue

diff --git a/tests/VueHtmlTest.php b/tests/VueHtmlTest.php
new file mode 100644
index 0000000..d905896
--- /dev/null
+++ b/tests/VueHtmlTest.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Paneon\VueToTwig\Tests;
+
+class VueHtmlTest extends AbstractTestCase
+{
+    public function testHtml()
+    {
+        $component = file_get_contents(__DIR__.'/fixtures/vue-html/html.vue');
+        $expected = file_get_contents(__DIR__.'/fixtures/vue-html/html.twig');
+
+        if(!$component){
+            self::fail('Component not found.');
+            return;
+        }
+
+        $compiler = $this->createCompiler($component);
+
+        $actual = $compiler->convert();
+
+        $this->assertEqualHtml($expected, $actual);
+    }
+}
diff --git a/tests/fixtures/vue-html/html.twig b/tests/fixtures/vue-html/html.twig
new file mode 100644
index 0000000..42f3370
--- /dev/null
+++ b/tests/fixtures/vue-html/html.twig
@@ -0,0 +1,8 @@
+{% set rawHtml = '<strong>text</strong>' %}
+<template>
+  <div>
+    <span>
+      {{ rawHtml|raw }}
+    </span>
+  </div>
+</template>
diff --git a/tests/fixtures/vue-html/html.vue b/tests/fixtures/vue-html/html.vue
new file mode 100644
index 0000000..a993694
--- /dev/null
+++ b/tests/fixtures/vue-html/html.vue
@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <span v-html="rawHtml" />
+    </div>
+</template>
+
+<twig>
+  {% set rawHtml = '<strong>text</strong>' %}
+</twig>
+
+<script>
+    export default {
+        computed: {
+            rawHtml(){
+                return '<strong>text</strong>';
+            },
+        }
+    }
+</script>

From 1693a4a16e846532ecc03c1d6ce69ad17edc0076 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20H=C3=BCsges?= <tronsha@gmx.de>
Date: Mon, 10 Feb 2020 17:45:47 +0100
Subject: [PATCH 2/6] Add handleHtml

---
 src/Compiler.php                  | 16 ++++++++++++++++
 tests/fixtures/vue-html/html.twig | 12 +++++-------
 tests/fixtures/vue-html/html.vue  |  2 +-
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/Compiler.php b/src/Compiler.php
index 6b8c33d..deeedde 100644
--- a/src/Compiler.php
+++ b/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))) {
diff --git a/tests/fixtures/vue-html/html.twig b/tests/fixtures/vue-html/html.twig
index 42f3370..56b6f9b 100644
--- a/tests/fixtures/vue-html/html.twig
+++ b/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>
diff --git a/tests/fixtures/vue-html/html.vue b/tests/fixtures/vue-html/html.vue
index a993694..b6be55d 100644
--- a/tests/fixtures/vue-html/html.vue
+++ b/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>

From 6303e3bf6888730675db7da4c59d4f030c1afee8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20H=C3=BCsges?= <tronsha@gmx.de>
Date: Tue, 11 Feb 2020 06:51:30 +0100
Subject: [PATCH 3/6] Add cleanupAttributes

---
 src/Compiler.php | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/Compiler.php b/src/Compiler.php
index 6b8c33d..5a89a92 100644
--- a/src/Compiler.php
+++ b/src/Compiler.php
@@ -152,6 +152,7 @@ public function convertNode(DOMNode $node, int $level = 0): DOMNode
             $this->stripEventHandlers($node);
             //$this->handleRawHtml($node, $data);
             $this->handleDefaultSlot($node);
+            $this->cleanupAttributes($node);
         }
 
         /*
@@ -408,6 +409,12 @@ protected function handleTextNode(DOMText $node)
         return $node;
     }
 
+    private function cleanupAttributes(DOMElement $node) {
+        if ($node->hasAttribute('v-ref')) {
+            $node->removeAttribute('ref');
+        }
+    }
+
     private function handleIf(DOMElement $node): void
     {
         if (!$node->hasAttribute('v-if') &&

From dd09c76c4d55d4b1d700b2ab7514d759723e1c62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20H=C3=BCsges?= <tronsha@gmx.de>
Date: Tue, 11 Feb 2020 07:23:05 +0100
Subject: [PATCH 4/6] Update cleanupAttributes add test

---
 src/Compiler.php                |  2 +-
 tests/CleanupAttributesTest.php | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 tests/CleanupAttributesTest.php

diff --git a/src/Compiler.php b/src/Compiler.php
index 5a89a92..798f3cb 100644
--- a/src/Compiler.php
+++ b/src/Compiler.php
@@ -410,7 +410,7 @@ protected function handleTextNode(DOMText $node)
     }
 
     private function cleanupAttributes(DOMElement $node) {
-        if ($node->hasAttribute('v-ref')) {
+        if ($node->hasAttribute('ref')) {
             $node->removeAttribute('ref');
         }
     }
diff --git a/tests/CleanupAttributesTest.php b/tests/CleanupAttributesTest.php
new file mode 100644
index 0000000..6165daa
--- /dev/null
+++ b/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);
+    }
+}

From c4074a59f1c4a749a0102ccbad427e83f17e0208 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20H=C3=BCsges?= <tronsha@gmx.de>
Date: Tue, 11 Feb 2020 09:05:49 +0100
Subject: [PATCH 5/6] Update cleanupAttributes

---
 src/Compiler.php | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Compiler.php b/src/Compiler.php
index 798f3cb..552543b 100644
--- a/src/Compiler.php
+++ b/src/Compiler.php
@@ -413,6 +413,9 @@ 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

From 1bbf6fbce760df7f50730e1e81940256527d4e40 Mon Sep 17 00:00:00 2001
From: Alexander Pape <a.pape@paneon.de>
Date: Tue, 11 Feb 2020 09:18:16 +0100
Subject: [PATCH 6/6] Update README.md

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index c87a119..3ea5a22 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ Compile vue files to twig templates with PHP
 |Directive|Implemented|
 |---------|:---------:|
 |v-text||
-|v-html||
+|v-html|:white_check_mark:|
 |v-show|:white_check_mark:|
 |v-if|:white_check_mark:|
 |v-else|:white_check_mark:|
@@ -17,8 +17,8 @@ Compile vue files to twig templates with PHP
 |v-for|:white_check_mark:|
 |v-on|:white_check_mark:|
 |v-bind|partially working|
-|v-bind:style|partially working|
-|v-bind:class|partially working|
+|v-bind:style|:white_check_mark:|
+|v-bind:class|:white_check_mark:|
 |v-model||
 |v-pre||
 |v-cloak||