feat: load package like data add loading effect

[btea]

When the network speed is slow, you can see a loading effect on the left-hand tabs.

However, the "like" data on the right-hand side defaults to 0, only suddenly changing to the returned number after loading is complete, which looks rather abrupt. Adding a loading effect, similar to the left-hand side, would look much better.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 5, 2026 3:23am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 5, 2026 3:23am
npmx-lunaria	Ignored		Feb 5, 2026 3:23am

[codecov]

Codecov Report

❌ Patch coverage is 0% with 7 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/pages/package/[...package].vue	0.00%	6 Missing and 1 partial ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

This change enhances the user experience for like data fetching in the package detail page by introducing explicit handling of loading states. A separate status indicator (likeStatus) and derived loading flag (isLoadingLikeData) are added to distinguish between loading, success, and error states. The UI now displays a loading spinner within the likes tooltip whilst data is being fetched and hides the like button during this period. A CSS alignment class is also added to the tooltip wrapper.

Possibly related PRs

• fix: package like fail revert status #943: Modifies like state handling in the same component (app/pages/package/[...package].vue) to address optimistic state reversal on fetch failure.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, explaining the motivation for adding a loading effect to the like data display.

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

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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