From 91f328405fbcebe63419a7da00c24832dbaccf6b Mon Sep 17 00:00:00 2001
From: Iestyn <33298011+IestynGage@users.noreply.github.com>
Date: Tue, 5 May 2026 23:28:32 +0100
Subject: [PATCH 1/2] docs(ui): add stories for blog index page (#2679)

---
 app/pages/blog/index.stories.ts | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 app/pages/blog/index.stories.ts

diff --git a/app/pages/blog/index.stories.ts b/app/pages/blog/index.stories.ts
new file mode 100644
index 0000000000..9825d2d2b1
--- /dev/null
+++ b/app/pages/blog/index.stories.ts
@@ -0,0 +1,16 @@
+import Blog from './index.vue'
+import type { Meta, StoryObj } from '@storybook-vue/nuxt'
+import { pageDecorator } from '../../../.storybook/decorators'
+
+const meta = {
+  component: Blog,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  decorators: [pageDecorator],
+} satisfies Meta<typeof Blog>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}

From 3e50452617a274d18615bd663365e2e95892e0f4 Mon Sep 17 00:00:00 2001
From: Iestyn <33298011+IestynGage@users.noreply.github.com>
Date: Fri, 8 May 2026 19:28:44 +0100
Subject: [PATCH 2/2] Test commit to check chromatic.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inside the '.nuxt' directory I can see the json that's imported.
Running this locally I can also see storybook has updated after I created a new blog.
But only after re-running pnpm storybook,
suggesting some sort of build/start up thing is controlling the content.

```typescript
// modules/blog.ts
/**
 * Scans the blog directory for .md files and extracts validated frontmatter.
 * Returns all posts (including drafts) sorted by date descending.
 * Resolves Bluesky avatars at build time.
 */
async function loadBlogPosts/**
 * Scans the blog directory for .md files and extracts validated frontmatter.
 * Returns all posts (including drafts) sorted by date descending.
 * Resolves Bluesky avatars at build time.
 */
async function loadBlogPosts
```

This code makes me suspect the blog cards are SSG'ed.
although I'm not 100% sure as frontmatter is a CMS thing,
which is mentioned several times.
Although I can't see any web requests or anything so ¯\_(ツ)_/¯
---
 app/pages/blog/another-blog.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 app/pages/blog/another-blog.md

diff --git a/app/pages/blog/another-blog.md b/app/pages/blog/another-blog.md
new file mode 100644
index 0000000000..911325a230
--- /dev/null
+++ b/app/pages/blog/another-blog.md
@@ -0,0 +1,30 @@
+---
+authors:
+  - name: Alex Savelyev
+    blueskyHandle: alexdln.com
+  - name: Philippe Serhal
+    blueskyHandle: philippeserhal.com
+  - name: Matias Capeletto
+    blueskyHandle: patak.cat
+title: 'Another blog about toast'
+tags: ['OpenSource', 'Release']
+excerpt: 'Something about toast and potatoes, they are good food.'
+date: '2026-05-08'
+slug: 'release/0.8'
+image: 'https://npmx.dev/blog/og/release-0_8.png'
+description: 'Something about toast and potatoes, they are good food. And something about butter'
+draft: false
+---
+
+# Toast
+
+Info about toast.
+
+# Potatoes
+
+Infor about potatoes.
+
+# Conclusion
+
+Both go well with butter.
+But not jam, only toast goes well with jam.