Data loaders inside nested layouts do not wait for layout to finish loading before updating children

[minht11]

While using nested layouts child routes do not wait for parent route loaders to finish loading, before updating children

Given following pages structure:

[slug]/
    index.vue
[slug].vue

Parent and child are using loaders, which resolve at different times, if parent loaders take longer to resolve child route will update first.

This is an issue because router navigation is delayed until all loaders are finished, but child updates theirs too early causing anything using loader data to use new page, while other things depending on router still use old data.

Expected behavior

Child routes should take into acount parent layout before changing their data.

Reproduction

https://stackblitz.com/edit/vitejs-vite-refftm

Screen.Recording.2023-07-16.at.01.20.24.mov