That's mobile <navigation>; you're violating the rules. See, you broke the markup.
<template> <div class="page-content page-content--full-height
mt-0 d-flex d-md-block align-content-between flex-wrap" > <div
class="navigation-content d-md-none d-block pt-0 w-100"> <div
class="navigation-links"> <span class="text-left h5 mb-2
d-block" :class="{ 'navigation-link-item--loaded': isLoad }" :style="{
'transition-delay': '0.1s' }" >What's up</span>
<MagnetElement class="navigation-link-item" :class="{
'navigation-link-item--loaded': isLoad }" :style="{
'transition-delay': '0.2s' }" > <nuxt-link to="/"
class="navigation-link-content"> <span
class="title">Works</span> <ChevronRightIcon
class="arrow-icon" /> </nuxt-link> </MagnetElement>
<MagnetElement class="navigation-link-item" :class="{
'navigation-link-item--loaded': isLoad }" :style="{
'transition-delay': '0.3s' }" > <nuxt-link to="/profile"
class="navigation-link-content"> <span
class="title">Profile</span> <ChevronRightIcon
class="arrow-icon" /> </nuxt-link> </MagnetElement>
<MagnetElement class="navigation-link-item" :class="{
'navigation-link-item--loaded': isLoad }" :style="{
'transition-delay': '0.4s' }" > <nuxt-link to="/feedbook"
class="navigation-link-content"> <span
class="title">Feed</span> <ChevronRightIcon
class="arrow-icon" /> </nuxt-link> </MagnetElement>
<MagnetElement class="navigation-link-item" :class="{
'navigation-link-item--loaded': isLoad }" :style="{
'transition-delay': '0.5s' }" > <nuxt-link to="/subscription"
class="navigation-link-content"> <span
class="title">Subscription</span> <ChevronRightIcon
class="arrow-icon" /> </nuxt-link> </MagnetElement>
</div> </div> </div> </div> </template>
