Rendering a list of components that use `await` with `useFetch` or `useAsyncData` will cause the list order to be unexpected

[dgrayvold]

Environment

• Operating System: Darwin
• Node Version: v22.14.0
• Nuxt Version: 3.16.1
• CLI Version: 3.23.1
• Nitro Version: 2.11.8
• Package Manager: pnpm@10.6.5
• Builder: -
• User Config: compatibilityDate, devtools, telemetry
• Runtime Modules: -
• Build Modules: -

Reproduction

https://github.com/dgrayvold/nuxt-list-render-issue

Describe the bug

When awaiting the result of useFetch or useAsyncData in a component that is rendered as part of a list with v-for the order of the list will be unexpected. Removing the await will cause the list to be rendered in the expected order

Additional context

No response

Logs

[github-actions]

Stackblitz link for the reproduction: Stackblitz

[danielroe]

This is reproducible in pure Vue.

See https://stackblitz.com/edit/github-qqisxgzj.

Would you mind raising there instead, if an issue doesn't already exist? 🙏