How to persist data in nuxt auth without an external library

[joshtom]

Everything seems to work fine in my nuxt-auth implementation so far. However, I get discouraged when I refresh the page and I get logged out if there's a sudden trip in the network that causes the GET request not to be processed.

So my question is, Is there a way to persist the user in the local storage immediately after I log in so that I can get all data from the persisted local storage?

This is how my login is being implemented so far.

const loginAction = async function({ commit }, payload) {
  commit("AUTH_LOADER", true);
  try {
    const response = await this.$auth.loginWith("local", {
      data: payload
    });
    console.log("This is the response from data", response);
    // this.$auth.fetchUser();
    this.$auth.setUser(response);
    commit("AUTH_LOADER", false);
    this.$router.push("/home");
    return response;
  } catch (e) {
    commit("AUTH_LOADER", false);
    const message =
      e?.response?.data?.message || "Check your network and try again";
    this.$notify.warning({
      message: `${message}`
    });
  }
};