Classes and properties not passed to components

[SimonBackx]

In the following case, the class "merchant-home" is not added and the transparent property is not added

<?php
// views/components/homepage.php
?>

<template>
    <layout class="merchant-home" :transparent="'true'">
        <div class="merchant-home">
            <h1>Welcome</h1>
            <p v-for="d in tests">{{ d }}</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus odio et leo ullamcorper, id tempor augue mattis. Pellentesque sit amet lacus id lacus ornare tristique at ac lectus. Praesent sed metus tincidunt, aliquam diam in, aliquet nibh. Maecenas ac elit vel lorem fermentum faucibus. Fusce nisl dolor, consequat non lorem quis, feugiat suscipit nunc. Donec non bibendum orci. Nunc malesuada, lorem a venenatis molestie, mi ex bibendum ante, ut egestas turpis lacus ut ex. Aenean finibus turpis augue, a ornare lacus dignissim vitae. Donec pretium felis in lacinia varius. Etiam id congue metus, in congue eros. Morbi in iaculis massa, id volutpat nibh. Nam rhoncus tellus sed sapien dapibus, at gravida lectus viverra. Nulla non auctor magna, non ornare nisi. Mauris molestie suscipit ornare.</p>

        </div>
    </layout>
</template>

<script>
    Vue.component('homepage', {
        props: ['tests'],
        template: '#vue-template-homepage',
        data: function () {
            return {};
        },
    });
</script>

<?php
// views/components/homepage.php
?>

<template>
    <div>
        <page-menu></page-menu>
        <main>
            <slot></slot>
        </main>
        <footer>...</footer>
    </div>
</template>

<script>
    Vue.component('layout', {
        template: '#vue-template-layout',
        data: function () {
            return {
            };
        },
    });
</script>

When rendered with vuepre:

With vue:

[ctxcode]

Fixed