feat: improve code page scroll to top

[btea]

🔗 Linked issue

/

🧭 Context

improve #1686

📚 Description

/

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 28, 2026 7:14am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 28, 2026 7:14am
npmx-lunaria	Ignored		Feb 28, 2026 7:14am

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

This change modifies the package code preview component to add scroll position-based visibility control for a "Scroll to Top" button. A reactive isVisible computed property is introduced that derives its state from the vertical scroll position (y) obtained via the useScroll() composable on the content container. The button is conditionally rendered only when the scroll position exceeds the defined SCROLL_TO_TOP_THRESHOLD constant. The component's public interface remains unchanged.

Possibly related PRs

• feat: code preview page add scroll to top button #1686: Adds the contentContainer ref and scrollToTop function alongside the UI button element in the same Vue component, complementing this PR's visibility logic.
• feat: improve scroll-to-top behavior #1453: Introduces the SCROLL_TO_TOP_THRESHOLD constant and the hook-driven scroll detection mechanism that this PR directly utilises.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The pull request description is largely empty or placeholder text, providing minimal information about the changes despite the changeset being concrete.	Author should provide a meaningful description explaining why the scroll-to-top visibility feature was implemented and how it addresses issue #1686.

_{✏️ 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

---

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.}

[coderabbitai]

Actionable comments posted: 1

---

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8d13fe9 and 230cbaa.

📒 Files selected for processing (1)

• app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue