KeepAlive doesn't work on pages

[mitow7821]

Environment

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.12
• Nitro Version: 0.6.0
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

https://stackblitz.com/edit/github-8d2nyn?file=app.vue,pages%2Findex.vue,pages%2Ftest.vue

• Click toggle value should change to true
• Change route to home then go back to test

Describe the bug

Despite of definePageMeta({ keepalive: true, }); test route state isn't cached

Additional context

No response

Logs

No response

[danielroe]

See #15214. You would not want to set it on just one page or it will not keep the page alive when transitioning to another page that does not have it set. You need to set the config across all pages where keepalive is meant to work, or set it directly via <NuxtPage :keepalive="{}" />.

There is an outstanding issue with include/exclude: #15214.

[mitow7821]

It's worth to mention about that use case in docs:
https://v3.nuxtjs.org/guide/directory-structure/pages#keepalive

[danielroe]

Absolutely! A PR would be welcome.

[mitow7821]

@danielroe nuxt/framework#8491

[danielroe]

Thanks! ❤️

[freezyh]

danielroe closed this as not planned

keepalive include/exclude props don't work with

[danielroe]

See my comment above: there is an issue tracking this. #15255 (comment)