Different tab infinite loading issue #124

[Ischafak]

I'm submitting a ... (check one with "x")

[ ] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Tell about your platform

• Nuxt.js version : 3.10.2
• Browser name and version : Chrome
• This package version : 6.0.6

Current behavior
There is a weird bug i encounter.
normally when the site loads i make loading active;

<Loading
      :active="isLoading"
      :is-full-page="true"
      background-color="#b1b3b1"
      :enforce-focus="true"
      class="main-overlay"
    >
      <div>
        <Lottie />
      </div>
    </Loading>

import { mapStores } from 'pinia'
computed: {
isLoading () {
      if (this.loadingStore) {
        console.log(this.loadingStore?.$state?.isAppLoading)
        console.log(this.loadingStore?.$state?.isLoading)
        return this.loadingStore?.$state?.isAppLoading || this.loadingStore?.$state?.isLoading
      }
      return false
    },
...mapStores(useLoadingStore, useStore, useSharedStore),
}

something like this normally when i am on the websites chrome tab when loading finishes there is no error(loading finishes etc). But if i am on a different tab or screen loading goes infinite even the isLoading data false.

what can i do

Expected behavior
The loading must be stoped when i am on a different page when endpoint returns

[ankurk91]

It is not possible for me to reproduce this issue.

[Ischafak]

ok i can try to create something for you

[licam]

This issue is reproducible for us as well. There's no clear step by step on how the reproduce but it happens from time to time unexpectedly. We are using the latest version 6.0.6.