From bd834830c2f01f8853d2dd57a405f26401acdba2 Mon Sep 17 00:00:00 2001
From: cylewaitforit <cyle@cylewaitfor.it>
Date: Thu, 19 Mar 2026 05:59:40 -0500
Subject: [PATCH] docs(ui): add stories for About page

---
 app/pages/about.stories.ts | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 app/pages/about.stories.ts

diff --git a/app/pages/about.stories.ts b/app/pages/about.stories.ts
new file mode 100644
index 0000000000..b895ba8e70
--- /dev/null
+++ b/app/pages/about.stories.ts
@@ -0,0 +1,30 @@
+import About from './about.vue'
+import type { Meta, StoryObj } from '@storybook-vue/nuxt'
+import AppHeader from '~/components/AppHeader.vue'
+import AppFooter from '~/components/AppFooter.vue'
+
+const meta = {
+  component: About,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  decorators: [
+    () => ({
+      components: { AppHeader, AppFooter },
+      template: `
+        <div class="min-h-screen flex flex-col bg-bg text-fg">
+          <AppHeader :show-logo="true" />
+          <div id="main-content" class="flex-1 flex flex-col" tabindex="-1">
+            <story />
+          </div>
+          <AppFooter />
+        </div>
+      `,
+    }),
+  ],
+} satisfies Meta<typeof About>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}