nav.u-sidenav
ul.list-unstyled.mb-0
li(:class="{ active: active === index }", :key="index", v-for="(item, index) in list")
nuxt-link(:to="item.to", v-if="item.to !== undefined")
i.fa(:class="`fa-${item.icon}`", aria-hidden="true")
span {{ item.title }}
a(@click.prevent="active = active === index ? -1 : index", v-else)
i.fa(:class="`fa-${item.icon}`", aria-hidden="true")
span.mr-auto {{ item.title }}
i.fa.fa-angle-left(aria-hidden="true")
ul.list-unstyled.u-sidenav-nested(:style="`height: ${35 * item.children.length - 1}px`", v-if="item.children")
li(:class="{ active: Menu.isActive(child, $route) }", :key="index", v-for="(child, index) in item.children")
nuxt-link(:to="child.to") {{ child.title }}