Global routing lag after load a store with a big result from useQuery returned in dev mode

[NamesMT]

Reproduction

.

Steps to reproduce the bug

Creates a store where you would return a relatively big amount of data directly from a useQuery

export const useCoreProfileStore = defineStore('core/profile', () => {
  const { data: allProfiles } = useAllProfiles() // In my case, this is an array with about ~8000 elements, above 7.5 MB in size

  return {
    allProfiles,
  }
})

Expected behavior

Should work like normally and won't affect global routing performance, because, why would it?

Actual behavior

After the above store is loaded, even when the component which uses it is unmounted, routing globally is laggy with an extra ~1s delay.

Additional information

Not sure where should I create the issue, dumping it here first, and btw, by simply wrapping the return in an additional computed, the lag is fixed:

return {
  allProfiles: computed(() => allProfiles.value)
}