Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Changes:

1. Make sure all fetch hooks get called properly in preview mode

Prior to this change, if a page component contained a fetch hook, all underlying component fetch hooks would not be called in preview mode. In addition to that, if a component contained a fetch hook and sub components of the component also contained a fetch hook, only the root component fetch hook would be called in preview mode.

2. Make sure that potential asyncData and old fetch hooks resolve prior to any new fetch hook calls in preview mode in accordance with the Nuxt lifecycle diagram

Prior to this change, if you dynamically rendered components based on data from the asyncData hook, and the dynamically rendered components contained a fetch hook, those fetch hooks would not be called, because asyncData, old fetch, and new fetch were all resolving in parallel in preview mode.

Resolves:

• enablePreview does not call all fetch hooks #10483
• enablePreview not triggering component fetch #8172

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly. (PR: #)
• I have added tests to cover my changes (if not applicable, please state why)
• All new and existing tests are passing.