Merge pull request #92 from tronsha/bugfix/props

Fix for v-bind="$props"

Author: tronsha

src/Compiler.php

@@ -463,7 +463,13 @@ private function preparePropertiesForInclude(array $variables, bool $isRootNode
                     );
                 }
             } elseif ($name === 'vBind') {
-                $this->vBind = $value;
+                if ($value === '"$props"') {
+                    foreach ($this->properties as $property) {
+                        $variables[] = (clone $property)->setValue($property->getName());
+                    }
+                } else {
+                    $this->vBind = $value;
+                }
                 unset($variables[$key]);
             }
         }

tests/fixtures/vue-component/component-with-v-bind-props.twig

@@ -0,0 +1,5 @@
+{% set foo = foo|default('foo') %}
+{% set bar = bar|default(42) %}
+<div class="{{ class|default('') }}" style="{{ style|default('') }}">
+  {% include "/templates/ChildComponent.twig" with { 'slot_default': "", 'foo': foo, 'bar': bar, 'class': "", 'style': "" } %}
+</div>

tests/fixtures/vue-component/component-with-v-bind-props.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <ChildComponent v-bind="$props" />
+  </div>
+</template>
+
+<script lang="ts">
+    import { Component, Prop, Vue } from 'vue-property-decorator';
+
+    @Component
+    export default class ComponentWithVBind extends Vue {
+      @Prop({ type: String, default: 'foo' }) foo: string;
+      @Prop({ type: Number, default: 42 }) bar: number;
+    }
+</script>