docs(ui): add stories for blog index page

[IestynGage]

🔗 Linked issue

#2150

🧭 Context

Noticed this issue still had missing storybooks and it was labelled with Help wanted, so I added the storybook.

📚 Description

Added the storybook for the blog index. Seems to be working just fine. I looked at the other page storybooks and followed the convention used.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	May 5, 2026 10:45pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	May 5, 2026 10:45pm
npmx-lunaria	Ignored		May 5, 2026 10:45pm

[coderabbitai]

📝 Walkthrough

Walkthrough

A new Storybook story file is added for the Blog component. The file imports the Blog component and related Storybook types, defines a meta configuration with fullscreen layout and page decorator, then exports the configuration and a Default story stub.

Changes

Blog Component Story

Layer / File(s)	Summary
Story Setup app/pages/blog/index.stories.ts	Imports Blog component, Storybook Vue types, and page decorator; defines meta configuration with fullscreen layout and decorator usage.
Story Export app/pages/blog/index.stories.ts	Exports meta configuration and a Default story stub for Storybook.

Suggested reviewers

• ghostdevv
• JReinhold

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description is directly related to the changeset, providing context about the linked issue, the work performed, and verification with a screenshot.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title accurately summarizes the main change: adding Storybook stories for the blog index page, which is confirmed by the file additions and PR objectives.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

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

[github-actions]

Hello! Thank you for opening your first PR to npmx, @IestynGage! 🚀

Here’s what will happen next:

1. Our GitHub bots will run to check your changes.
   If they spot any issues you will see some error messages on this PR.
   Don’t hesitate to ask any questions if you’re not sure what these mean!

2. In a few minutes, you’ll be able to see a preview of your changes on Vercel

3. One or more of our maintainers will take a look and may ask you to make changes.
   We try to be responsive, but don’t worry if this takes a few days.

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

[ghostdevv]

@cylewaitforit if you have time would you be able to take a look? no rush or pressure!