lass="have-children" :class="{
                        'active': openedMenu === 'sidebar-menu-3',
                        '': openedMenu != 'sidebar-menu-3'
                    }">
                    <a href="#">
                        <span class="material-icons">insert_photo</span>
                        <span>Media</span>
                    </a>
                    <ul x-show.transition="openedMenu === 'sidebar-menu-3'">
                        <li><a href="#">Library</a></li>
                       