callOnce loses Nuxt context after first await

quote

quote

await callOnce(async () => {
  await quote.loadQuote(); // This calls useNuxtApp() somewhere
});

await callOnce(async () => {
  await quote.loadQuote(); // This calls useNuxtApp() somewhere
});

callOnce

callOnce

const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));

await callOnce(async () => {
  await sleep(100);
  await quote.loadQuote(); // This calls useNuxtApp() somewhere
});

const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));

await callOnce(async () => {
  await sleep(100);
  await quote.loadQuote(); // This calls useNuxtApp() somewhere
});

[nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function. This is probably not a Nuxt bug. Find out more at

https://nuxt.com/docs/guide/concepts/auto-imports#vue-and-nuxt-composables

https://nuxt.com/docs/guide/concepts/auto-imports#vue-and-nuxt-composables

.

at useNuxtApp (/home/ll3006/sample-project/node_modules/nuxt/dist/app/nuxt.js:248:13)
at useAPI (/home/ll3006/sample-project/composables/useAPI.ts:3:56)
at Proxy.loadQuote (/home/ll3006/sample-project/stores/quote.ts:7:49)
at Proxy.wrappedAction (/home/ll3006/sample-project/node_modules/pinia/dist/pinia.mjs:1379:26)
at /home/ll3006/sample-project/app.js:17:19)
at async callOnce (/home/ll3006/sample-project/node_modules/nuxt/dist/app/composables/once.js:25:3)
at async setup (/home/ll3006/sample-project/app.js:18:25)

loadQuote

loadQuote

useNuxtApp

useNuxtApp

useNuxtApp

useNuxtApp

$fetch

$fetch

$api

$api

$fetch

$fetch

await

await

loadQuote

loadQuote