В Nuxt.js приложении store обнуляется при каждой смене страницы. Как это избежать?

Question

[Михаил]

Вроде согласно документации store должен передаваться с клиента на сервер и обратно, но у меня после каждой смены страницы store приходит в изначальное состояние.
Как это красиво решить?

Comments

[Алекс Глебов]

страница меняется при переходе через nuxt-link?

[Михаил]

Алекс Глебов, это default'ый layout

<template>
    <div class="body">
        <Info />
        <Menu />
        <Nuxt keep-alive />
    </div>
</template>

Это меню в котором переход делается

<b-navbar toggleable="lg" type="dark" variant="info">
        <b-navbar-brand  active href="/">TODOin24</b-navbar-brand>

        <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

        <b-collapse id="nav-collapse" is-nav>
        <b-navbar-nav>
            <b-nav-item href="/tasks">Tasks</b-nav-item>
            <b-nav-item href="/login">Login</b-nav-item>
        </b-navbar-nav>

Я оставил bootstrap"овский b-nav-item чтобы стиль сохранить.
Осознав ваше уточнение начинаю понимать что я накосячил :)

переделал - заработало! Спасибо огромное

<b-navbar-brand>
         <NuxtLink to="/login">TODOin24</NuxtLink>
</b-navbar-brand>

Я делал не "родной" NuxtLink, чтобы сохранить оформление меню от bootstrap-vue. Может подскажите как стиль элемента b-nav-item перенести на NuxtLink? Хотя вы и так сделали много, много часом мне сэкономили :) Еще раз спасибо!

[Алекс Глебов]

Судя по доке, можно заменить в b-navbar-brand href на to
и с накстом тоже должно сработать
https://bootstrap-vue.org/docs/reference/router-links

[Михаил]

Алекс Глебов, сработало!!!

Не хватает мне тяму самому разхобраться :(

Спасибо!