<nav class="hiq-menu-wrapper" id="main-menu" data-vue-data="${jsonItems}" style="display:none">
    <ul class="hiq-main-menu">
        <li v-for="item in menu" :class="ItemCss(item)" class="hiq-menu-item" v-bind:id="item.id">
            <span v-if="!item.isstart" @click="OnMouseEnter(item)" @keyup.enter="OnMouseEnter(item)" tabindex="0">
                {{item.name}}
            </span>
            <a :href="item.url" v-else>
                <i class="arrow"></i>
                {{item.name}}
            </a>
        <div name="submenu" v-if="item.ishover">
            <div class="hiq-sub-menu-wrapper">
                <ul v-for="(item, index) in menu" :key="index" class="hiq-sub-menu" v-show="SubmenuActive(item)">
                    <li v-for="subitem in item.subitems" :key="subitem.name" :id="subitem.id"><a :href="subitem.url" :class="{active:subitem.isactive}">{{subitem.name}}</a></li>
                </ul>
            </div>
        </div>
        </li>
    </ul>
    
</nav>
<script>
    //document.addEventListener('DOMContentLoaded', function() { window.initMenu('${jsonItems}') });
</script>