Error when setting class of parent component

[SimonBackx]

Parent:

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

<template>
    <div class="" id="layout">
        <page-menu></page-menu>
        <main>
            <slot></slot>
        </main>
        <page-footer></page-footer>
    </div>
</template>

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

Page:

<template>
    <layout class="merchant-features">...

class="" definition is required in the parent component. Else vue will thow the following error:

Parse error: syntax error, unexpected ';' in /var/www/bestelonline/core/vendor/ctxkiwi/vue-pre/src/CacheTemplate.php(210) : eval()'d code on line 1
Error: Cant parse "'merchant-home ' . " : file_get_contents(/var/www/bestelonline/tmp/cache/25arhzddxodco.3k53cakbdcmc0.var): failed to open stream: No such file or directory
Line:1
Template:

    <div id="layout">
        <page-menu></page-menu>
        <main>
            <slot></slot>
        </main>
        <page-footer></page-footer>
    </div>