User Data Lost on Refresh

Hello!

I am running a Nuxt project with Strapi backend, and am updating it to work with this new module. However, I am having issues managing the authentication flow.

The Issue

Logging in and navigating the app works fine, but since Nuxt is rendered server side, if I refresh the page the data stored in $strapi.user is lost.

Is there a correct way to implement this module to avoid this happening? Previous to using this module, I used a VueX store and cookies, and then used nuxtServerInit() to fetch the data from the Cookie and commit it to the user. WOndering if there is a way to avoid doing this.

[gulipad]

Thanks @sandiprb! Looks like this solves the issue! Thanks!

[merijnponzo]

Hi, I noticed that $strapi.login does populate and return a full user object (if your user has relations, most of the will be returned as full objects as well)

But $strapi.fetchUser doesn’t Within your dashboard.vue / or whatever route to the user dashboard you can add your wanted object to create a full strapi user object again

 middleware: 'isAuthenticated',
  async asyncData({ $typy, $strapi }) {
    // by default $strapi.user is not populated, so add the kennel as an object
    if ($typy($strapi, 'user.house').isNumber) {
      const house = await $strapi.$houses.findOne($strapi.user.house)
      // add a reactive house object
      const user = { ...$strapi.user }
      user.house = kennel
      $strapi.setUser(user)