Skip to content

fix(blog): format published date in blog post list card#1891

Merged
danielroe merged 1 commit intonpmx-dev:mainfrom
mcontrib:fix/blog-post-list-card-date-formatting
Mar 3, 2026
Merged

fix(blog): format published date in blog post list card#1891
danielroe merged 1 commit intonpmx-dev:mainfrom
mcontrib:fix/blog-post-list-card-date-formatting

Conversation

@maxchang3
Copy link
Contributor

🔗 Linked issue

resolves #1889

🧭 Context

The date format in the blog listing can be improved and may be localised.

📚 Description

Use the DateTime component to format the published date in the blog post list card, consistent with the blog post page.

Before After
image image

@vercel
Copy link

vercel bot commented Mar 3, 2026

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

Project Deployment Actions Updated (UTC)
npmx.dev Ready Ready Preview, Comment Mar 3, 2026 3:10pm
2 Skipped Deployments
Project Deployment Actions Updated (UTC)
docs.npmx.dev Ignored Ignored Mar 3, 2026 3:10pm
npmx-lunaria Ignored Ignored Mar 3, 2026 3:10pm

Request Review

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 3, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f8dff44 and eeb8602.

📒 Files selected for processing (1)
  • app/components/BlogPostListCard.vue

📝 Walkthrough

Walkthrough

The change modifies the BlogPostListCard.vue component to use a DateTime component for displaying the published date instead of rendering it as a raw string. This updates the rendering logic within the header line while maintaining the surrounding structure and draft badge behavior. The modification introduces 3 lines and removes 1 line of code.

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description check ✅ Passed The PR description clearly relates to the changeset, explaining the use of DateTime component for date formatting in the blog post list card to resolve issue #1889.
Linked Issues check ✅ Passed The PR successfully addresses issue #1889 by implementing DateTime component for formatting published dates in the blog post list card, improving readability and enabling localisation as requested.
Out of Scope Changes check ✅ Passed The changes are focused solely on date formatting in BlogPostListCard.vue, directly addressing the linked issue with no extraneous modifications.

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

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


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

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

@codecov
Copy link

codecov bot commented Mar 3, 2026

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!

@danielroe danielroe added this pull request to the merge queue Mar 3, 2026
Merged via the queue into npmx-dev:main with commit de28051 Mar 3, 2026
20 checks passed
@github-actions github-actions bot mentioned this pull request Mar 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

improve date format in blogs page

2 participants