offcanvas не закрывается после перехода на страницу (мобильный просмотр) вот ошибка https://gyazo.com/b40b6de844107aa2a74d9c81bf084428
Я попытался исправить ошибку с помощью этого руководства, это не помогло.https://github.com/uikit/uikit/issues/3706
часть меню компонента кода
<div id="offcanvas-flip" uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close" type="button" uk-close></button>
<h2>{{$t('global.offcanvas_title')}}</h2>
<div class="mob-menu-block">
<div>
<nuxt-link :to="getLocalizedRoute('index')" >
{{ $t('global.menu.home') }}
</nuxt-link>
</div>
<div>
<nuxt-link :to="getLocalizedRoute({ name: 'portfolio' })" >
{{ $t('global.menu.portfolio') }}
</nuxt-link>
</div>
<div>
<nuxt-link :to="getLocalizedRoute({ name: 'calculator' })">
{{ $t('global.menu.calculator') }}
</nuxt-link>
</div>
<div>
<nuxt-link :to="getLocalizedRoute({ name: 'contact' })" >
{{ $t('global.menu.contact') }}
</nuxt-link>
</div>
</div>
</div>
</div>
Я включил в nuxt.config
'@/assets/scss/main.scss'
Я добавил в следующий код в main.scss (https://getuikit.com/docs/sass#how-to-build)
// 1. Your custom variables and variable overwrites.
$global-link-color: #DA7D02;
// 2. Import default variables and available mixins.
@import "uikit/src/scss/variables-theme.scss";
@import "uikit/src/scss/mixins-theme.scss";
// 3. Your custom mixin overwrites.
@mixin hook-card() { color: #000; }
// 4. Import UIkit.
@import "uikit/src/scss/uikit-theme.scss";
// below comes my style code
........
........
.........
тестовый живой проект - http://vuejs.virtualinstinct.net/en/