fix(i18n): format compare sparkline data labels

[graphieros]

Follow up to #2519

I was too distracted, and forgot to fix the sparklines in the compare page.
Also rounds values in the sparkline of the package page (fractional values may happen if data correction is applied)

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Apr 15, 2026 9:39am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Apr 15, 2026 9:39am
npmx-lunaria	Ignored		Apr 15, 2026 9:39am

[coderabbitai]

📝 Walkthrough

Walkthrough

Replaced implicit/default data-label formatting with a locale-aware useNumberFormatter({ maximumFractionDigits: 0 }) and applied it as style.dataLabel.formatter in sparkline components to render values with zero fractional digits.

Changes

Cohort / File(s)	Summary
Sparkline data label formatting app/components/Chart/SplitSparkline.vue, app/components/Package/WeeklyDownloadStats.vue	Both components now instantiate useNumberFormatter({ maximumFractionDigits: 0 }) and set style.dataLabel.formatter to ({ value }) => numberFormatter.value.format(value), changing data-label output to locale-aware whole numbers.

Possibly related PRs

• fix(i18n): format sparkline data label #2519: Applies the same numberFormatter-based style.dataLabel.formatter change to app/components/Package/WeeklyDownloadStats.vue.
• feat: compare download charts with sparklines #2273: Introduced the SplitSparkline component which this change updates to use the shared numberFormatter.

Suggested reviewers

• 43081j
• alexdln

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: formatting compare sparkline data labels with i18n support, which directly matches the modifications applied to the sparkline components.
Description check	✅ Passed	The pull request description clearly relates to the changeset, explaining it as a follow-up to fix sparkline formatting on the compare page and package page.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch compare-sparkline-data-label-format

---

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

[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!