ADD v-html

Author: tronsha

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);
+    }
+}

tests/fixtures/vue-html/html.twig

@@ -0,0 +1,8 @@
+{% set rawHtml = '<strong>text</strong>' %}
+<template>
+  <div>
+    <span>
+      {{ rawHtml|raw }}
+    </span>
+  </div>
+</template>

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>