When the number of unresolved async component caches exceeds max set to KeepAlive, nothing is rendered

[kakkokari-gtyih]

Vue version

v3.5.0-alpha.3, v3.4.34 (Vue SFC Playground)

Link to minimal reproduction

https://play.vuejs.org/#eNrNVN9P2zAQ/ldu2cOK1CYtsJcqVGoRD9vQhlbeCJpMcqWGxLZsJy1C/d93dpysnRhD2steIufuu+8+3w8/R3Ol4qbGaBqlJtdcWTBoazXLBK+U1BaeQeMKdrDSsoIPBP3Qu85lpebBESf+z3EdAhYHgEUAZCKXwrSIS06HM7jJBLSUw+60oNNtB81rrVE4JAkajI8cSZLAJIblhtt8DVaGhHe4khqDPI1Glg2aOBN0s2teoaztYHAEZzN4dokCb9ywskZin2RiN4TJeNynOO5T3LH8scszHwITBTzJGnImqGwIds0sfRBIsSVOA3IVZDASJKSFghtVsics3qxn7PWctnrSpO0S9Yd+LFZEZpH+ANKCN/5Ax5LdYTlLuVA1CXpSeJZFmhVcZhE0o0oWWJIlZCLb1Ccj05h+khnMIU1ajn8lnLSEiz3CQPluNIIlWqjY1pV0AqNRl+0LopqXvEGYkrdlCT7yLmujkIrXW8iWU5GlcOMx5YYCurm6CZJuiSBNelSvwgd3ZYT3K1aWrsd71ORfT2aXki4r7uM4ThP63QtODprQmn5TmCb9hdpOJW2rDmKjoRftN+iFbWQbxi0I3MAVrRM3OBiEyfaTszdKwTyEYzcyb56Z87BefY2mMP+bWL/N/4nYxWtiraGNXPH7+MFIQYL9otG8UjgvUX9TltMbk0XTdgWdjyZBbj57m9U1+jfJx6wxf3zB/mC2zpZFV3Qn1A1mUe+zTN8jrYVzXyy/4pbOvZOWpy4J/Yrzu6tS7TS2sEUtCpK9h/NqP/lXl8b02lxs6f0x3aWcUIfceXwWUddc+/509V9yT+JTH0dPEFXxR4PacVIBT+KP8XjESrVm8Um0+wkHmA1e

Steps to reproduce

(Reproduction was modified from #10899)

1. Set max to 1 in KeepAlive
   (Set max to a number less than or equal to the number of unresolved asynchronous components)
2. Switch to CompB before CompA resolves
3. Switch back to CompA, and you can see that the contents of CompA are not displayed

What is expected?

Expect CompA to be rendered correctly, or start loading again

What is actually happening?

CompA is not rendered when you back from CompB

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 4.31 GB / 15.95 GB
  Binaries:
    Node: 18.18.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.8.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.2.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Chrome: 126.0.6478.182

Any additional comments?

Parent issue: misskey-dev/misskey#14170

[kakkokari-gtyih]

Of course setting max to 1 is an extreme case, but it is a problem when max is 2 or more and user switches async components back and forth at high speed.

[kakkokari-gtyih]

Just updated issue title for clarity

[kakkokari-gtyih]

Works fine with the fix in #11431: https://deploy-preview-11431--vue-sfc-playground.netlify.app/#eNrNVE1v2kAQ/StT9xAigQ1pTsggQZRD26iNSm5xDos9wCb2rrW7NiDEf+/seu1ClaaReunFWs+8efN2PvYQzMoyrCsMxkGsU8VLAxpNVU4TwYtSKgMHULiCI6yULOCCoBed60YW5cw7wsj9Wa5zwPwMMPeARKRS6AZxx+kwgcdEQEPZb09zOj210LRSCoVFkqDe8NKSRBGMQlhsuUk3YKRPuMSVVOjlKdQyr1GHiaCbPfACZWV6vUuYTOFgE3nesGZ5hcQ+SsSxD6PhsEtx1aVYsvSlzTPrAxMZ7GUFKRNUNgSzYYY+CKTYEKcGufIyGAkS0kDGdZmzPWbv1jN0eq4bPXHUdIn6Qz8GCyIzSH8AccZrd6BjzpaYT2MuyooE7UucJIFiGZdJAPWgkBnmZPGZyDZ2ycg0pJ9oCjOIo4bjXwlHDeH8hNBTfhgMYIEGCrazJR3BYNBm+4pYznJeI4zJ27B4H3kXlS6RitdZyJZSkaWw4zHmmgLauXr0kp6III46VKfCBbdlhI8rlue2xyfU5N+MpneSLivWYRjGEf2eBEdnTWhMvymMo+5CTaeiplVnsUHfiXYb9Mo2si3jBgRu4Z7WiWvs9fxku8k5GSVv7sOVHZl3z8yNX6+uRmOY/U2s2+b/ROz8LbFG00au+Dp81lKQYLdoNK8UznNU30vD6Y1JgnGzgtZHkyC3X5zNqArdm+RiNpi+vGJ/1jtrS4J7uhOqGpOg8xmm1khrYd23i2+4o3PnpOWpckK/4fxhq1RZjQ1sXomMZJ/gnNrP7tWlMX3Qtzt6f3R7KSvUIo8OnwTUNdu+P139l9xP4bWLoycoOP4EBP0Fgw==

[kakkokari-gtyih]

Any updates on this?