init

Author: sacrosanctic

.gitignore

@@ -44,3 +44,8 @@ shared/types/lexicons
 
 # output
 .vercel
+
+*storybook.log
+storybook-static
+
+.direnv

.storybook/main.ts

@@ -0,0 +1,8 @@
+import type { StorybookConfig } from '@storybook-vue/nuxt'
+
+const config: StorybookConfig = {
+  stories: ['../components/**/*.mdx', '../components/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: ['@storybook/addon-a11y', '@storybook/addon-docs'],
+  framework: '@storybook-vue/nuxt',
+}
+export default config

.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook-vue/nuxt'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+}
+
+export default preview

package.json

@@ -42,7 +42,9 @@
     "test:nuxt": "vite test --project nuxt",
     "test:types": "pnpm generate:lexicons && nuxt prepare && vue-tsc -b --noEmit && pnpm --filter npmx-connector test:types",
     "test:unit": "vite test --project unit",
-    "start:playwright:webserver": "NODE_ENV=test pnpm preview --port 5678"
+    "start:playwright:webserver": "NODE_ENV=test pnpm preview --port 5678",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@atproto/api": "^0.18.17",
@@ -113,7 +115,10 @@
     "@e18e/eslint-plugin": "0.1.4",
     "@intlify/core-base": "11.2.8",
     "@npm/types": "2.1.0",
+    "@nuxtjs/storybook": "^9.0.1",
     "@playwright/test": "1.58.1",
+    "@storybook/addon-a11y": "^10.2.7",
+    "@storybook/addon-docs": "^10.2.7",
     "@types/node": "24.10.9",
     "@types/sanitize-html": "2.16.0",
     "@types/semver": "7.7.1",
@@ -132,6 +137,7 @@
     "oxlint": "1.42.0",
     "schema-dts": "1.1.5",
     "simple-git-hooks": "2.13.1",
+    "storybook": "^10.2.7",
     "typescript": "5.9.3",
     "vitest": "npm:@voidzero-dev/vite-plus-test@0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab",
     "vitest-environment-nuxt": "1.0.1",