fix: add readme codeblock bg, remove duplicated styles

[mikouaji]

Implements #931
Also removed some duplicated code regarding the code block and its copy button

Before:

After:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 4, 2026 10:43pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 4, 2026 10:43pm
npmx-lunaria	Ignored		Feb 4, 2026 10:43pm

[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

The pull request modifies the Readme.vue component to remove copy-button functionality and styling from code blocks. The changes eliminate all CSS rules related to the copy button UI, including hover and focus interactions. Explicit display, width, and position declarations in the .readme-code-block rule are replaced with a Tailwind @apply bg-bg-subtle; directive. The code-block base styling remains intact whilst the dedicated .readme-copy-button element styling and related transition rules are removed. No exported public entities were affected. The net change is 1 line added and 42 lines removed.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description is directly related to the changeset, referencing issue #931 and explaining the removal of duplicate code related to code blocks and copy buttons.

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