Environment

• Operating System: Linux
• Node Version: v18.20.3
• Nuxt Version: 3.12.4
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: npm@10.2.3
• Builder: -
• User Config: compatibilityDate, devtools, app
• Runtime Modules: -
• Build Modules: -

Reproduction

stackblitz

If you wil click on "CLICK TO TEST" from main page, the "test page" order is right, but

1. go to unexisted route. (/dsdsdsd)
2. click: "CLICK TO TEST"
   3.you will see order:
   Header
   Footer
   test page

Describe the bug

When you add

app: { pageTransition: { name: 'page', mode: 'out-in' }, },

and then you have a page with useAsyncData layout order breaks.

Expected:
Header
Page
Footer

but after error page it becomes:

Header
Footer
Page

Additional context

for example, I didn't add transition styles because they don't matter. The bug appears with them too

Logs

No response