when I run the following method on my login page, I get some weird behaviour. After the login() method is called, I want to then run a separate call to fetch profile details & permissions, then redirect to /home, but instead it redirects straight to /, before the second api call has been returned:

attempt() {
      try {
        let data = {
          email: this.creds.email,
          password: this.creds.password
        }

        this.$auth.login({data: data}).then(() => {
          //I want this API call to run BEFORE redirecting
          this.axios.get(this.makeAuthUrl('user/'+process.env.NUXT_ENV_COMMUNITY_ID), this.getHeaders(false)).then(user => {
            console.log(user.data)
            this.$store.commit("SET_PROFILE", user.data.profile)
            this.$store.commit("SET_ABILITIES", user.data.abilities)
            this.actionLoading = false;
            this.$router.push({path: "/home"})
          })
        })

      } catch (e) {
        console.log(e)
        this.actionLoading = false;
        this.$toast.error("Invalid Credentials!");
      }
    }

So how can I modify the code in order to delay the redirect until I explicitly redirect the user?

Using nuxtjs/auth module

Thanks! EDIT - Added async await for explanation

async attempt() {
      try {
        let response = await this.$auth.loginWith('local', {
          data: {
              email: this.creds.email,
              password: this.creds.password
            }
        })
        this.axios.get(this.makeAuthUrl('user/'+process.env.NUXT_ENV_COMMUNITY_ID), this.getHeaders(false)).then(user => {
          console.log(user)
          this.$store.commit("SET_PROFILE", user.data.profile)
          this.$store.commit("SET_ABILITIES", user.data.abilities)
          this.actionLoading = false;
          this.$router.push({path: "/"});
        })
      } catch (e) {
        console.log(e)
        this.actionLoading = false;
        this.$toast.error("Invalid Credentials!");
      }
    }

Edit 2

try {
        let response = await this.$auth.loginWith('local', {
          data: {
            email: this.creds.email,
            password: this.creds.password
          }
        })
        let response2 = await this.axios.get(this.makeAuthUrl('user/'+process.env.NUXT_ENV_COMMUNITY_ID), this.getHeaders(false))
        if(response2.status === 200) {
          console.log(response2.data)
          this.$store.commit("SET_PROFILE", response2.data.profile)
          this.$store.commit("SET_ABILITIES", response2.data.abilities)
          await this.$router.push({path: "/"});
        }
      } catch (e) {
        console.log(e)
        this.actionLoading = false;
        this.$toast.error("Invalid Credentials!");
      }