keep alive caches are destroyed when visit keep alive excluded page

[Bananamilk452]

Environment

"nuxt": "^3.11.2"

Reproduction

https://stackblitz.com/edit/nuxt-starter-fzarr5

1. Visit A Page and type something. go back,
2. Visit B Page and type something. go back.
3. Visit A, B Page. cache works nice.
4. But after visit C Page, Page A, B caches are gone.

Describe the bug

keep alive caches are destroyed when visit keep alive excluded page

Additional context

No response

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• nuxt-starter-fzarr5 (Open reproduction)

[danielroe]

This would be a behaviour change, but it's probably worth it to rethink how we pass options to <Keepalive> so this doesn't happen.

[DeveloperMindset123]

Hello, I installed and ran the codebase locally on my end to see what was going on, as there was some issues with the stackBlitz section, leading to errors. For which I have attached a screenshot of the terminal output not allowing me to run the code on stack blitz:

Note that this issue doesn't persist if I run it locally.

I did play around with the code to better understand what's going on. I believe that this is simply the nature of KeepAlive so that there's a mechanism to reset the cache once it is no longer needed, the issue of cache not being destroyed can be easily resolved by removing it from the exclude array that has been specified. Additionally, I have found the following two links which may help answer your question.

https://vuejs.org/guide/built-ins/keep-alive# --> vuejs documentation to keepAlive
#14609 --> Github PR Issue that is most similar to this problem 2 years ago.

My apologies if I couldn't be of more help to you on this.