fix: persist async data across tab navigation

[antfu]

Summary

The imports tab (and other tabs) would show empty after navigating away and back because Nuxt's purgeCachedData cleared the cached data on unmount. When remounting, the default getCachedData only checks nuxtApp.static.data (empty in SPA mode), not payload.data where the actual fetch result is stored.

Solution

Provide a custom getCachedData that reads from payload.data[key]. This both:

• Prevents clearNuxtDataByKey from running when the last consumer unmounts (line 459 of asyncData.js)
• Returns previously fetched data on remount, so pages render instantly with cached data instead of showing blank

Testing

The imports, components, and pages tabs should now persist data correctly across navigation without showing empty states.

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying nuxt-devtools with    Cloudflare Pages

Latest commit:	ba62838
Status:	✅  Deploy successful!
Preview URL:	https://f71b992f.nuxt-devtools.pages.dev
Branch Preview URL:	https://antfu-fix-imports-tab-empty.nuxt-devtools.pages.dev

View logs

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8a7f389e-b89b-4e9f-95aa-d793d2c20585

📥 Commits

Reviewing files that changed from the base of the PR and between 741ebeb and ba62838.

📒 Files selected for processing (1)

• packages/devtools/client/composables/utils.ts

---

📝 Walkthrough

Walkthrough

This change modifies the useAsyncState composable function to alter its caching strategy. Instead of creating a separate cache entry in nuxt.payload.unique[key], the function now directly calls useAsyncData and uses its built-in caching mechanism by reading from nuxt.payload.data[key]. The implementation spreads any provided options and explicitly sets the getCachedData function to retrieve data from the correct payload location, ensuring cached data persists across component remounts and preventing Nuxt from purging the cached state when components unmount.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main fix: preventing async data from being cleared when navigating away from and back to tabs.
Description check	✅ Passed	The description clearly explains the problem (cached data being purged on unmount), the solution (custom getCachedData), and testing expectations, all directly related to the changeset.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch antfu/fix-imports-tab-empty

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}