await callOnce() blocks navigation

In my nuxt app i replaced:

const { status } = useAsyncData(() => store.fetch())

const { status } = useAsyncData(() => store.fetch())

with

await callOnce(() => store.fetch(), { mode: 'navigation' })

await callOnce(() => store.fetch(), { mode: 'navigation' })

in order to keep SSR while having a re-fetch when navigating to that page.
Now the issue becomes that i have to manually implement the

status

status

ref with pending states on all components where i use

callOnce

callOnce

and all pages become blocked on navigation.

What would the correct approach be here?