Skip to content
This repository was archived by the owner on Jun 10, 2025. It is now read-only.

dgrayvold/nuxt-list-render-issue

Repository files navigation

Nuxt list render issue

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

Steps to reproduce

  1. Install dependencies with pnpm i
  2. Run the dev server
  3. Navigate to the index page and click the Scramble button followed by the Reset button

With both actions the expected order (displayed at the top of the page) will not match the actual order of the rendered components. However, removing the await from the useFetch call (which can be done by swapping the commented lines in Item.vue) will cause the list to render in the expected order

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published