From 7399ea770df07f40c491d53988633781452d3499 Mon Sep 17 00:00:00 2001
From: Scott Wu <sw@scottwu.ca>
Date: Tue, 10 Mar 2026 11:59:16 +0800
Subject: [PATCH] chore: standardize stories Co-authored-by: renovate[bot]
 <29139614+renovate[bot]@users.noreply.github.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### My notes
- enable autodics
  - need support for dark mode
  - i18n is causing errors
- remove snapshot story (replaced by autodocs)
- add a playground story
  - autodocs has this but requires scrolling

#### types of stories
- visual stories - only show in autodocs
- interactive stories only show in sidebar
- test focused stories - only show in sidebar (or not at all? if it isnt visually apparent)

### 🔗 Linked issue

<!-- Please ensure there is an open issue and mention its number. For example, "resolves #123" -->

### 🧭 Context

<!-- Brief background and why this change is needed -->

<!-- High-level summary of what changed -->

### 📚 Description

<!-- Describe your changes in detail. Why is this change required? What problem does it solve? -->

<!-- If you used AI tools to help with this contribution, please ensure the PR description and code reflect your own understanding.
     Write in your own voice rather than copying AI-generated text. -->

<!----------------------------------------------------------------------
Before creating the pull request, please make sure you do the following:

- Check that there isn't already a PR that solves the problem the same way. If you find a duplicate, please help us reviewing it.
- Ensure that PR title follows conventional commits (https://www.conventionalcommits.org)
- Update the corresponding documentation if needed.
- Include relevant tests that fail without this PR but pass with it.
- Add any additional context, tradeoffs, follow-ups, or things reviewers should be aware of.

Thank you for contributing to npmx!
----------------------------------------------------------------------->
---
 app/components/Button/Base.stories.ts | 2 ++
 app/components/Input/Base.stories.ts  | 1 +
 app/components/Link/Link.stories.ts   | 1 +
 3 files changed, 4 insertions(+)

diff --git a/app/components/Button/Base.stories.ts b/app/components/Button/Base.stories.ts
index 9de0744377..c35ba82f82 100644
--- a/app/components/Button/Base.stories.ts
+++ b/app/components/Button/Base.stories.ts
@@ -3,12 +3,14 @@ import Component from './Base.vue'
 
 const meta = {
   component: Component,
+  tags: ['autodocs'],
 } satisfies Meta<typeof Component>
 
 export default meta
 type Story = StoryObj<typeof meta>
 
 export const Primary: Story = {
+  tags: ['!dev'],
   args: {
     default: 'Primary Button',
   },
diff --git a/app/components/Input/Base.stories.ts b/app/components/Input/Base.stories.ts
index 5cc765ec6e..5546d9fb54 100644
--- a/app/components/Input/Base.stories.ts
+++ b/app/components/Input/Base.stories.ts
@@ -4,6 +4,7 @@ import Component from './Base.vue'
 
 const meta = {
   component: Component,
+  tags: ['autodocs'],
   argTypes: {
     disabled: { control: 'boolean' },
     size: {
diff --git a/app/components/Link/Link.stories.ts b/app/components/Link/Link.stories.ts
index 9ceeaeb7eb..847cf38729 100644
--- a/app/components/Link/Link.stories.ts
+++ b/app/components/Link/Link.stories.ts
@@ -3,6 +3,7 @@ import LinkBase from './Base.vue'
 
 const meta = {
   component: LinkBase,
+  tags: ['autodocs'],
   args: {
     to: '/',
     default: 'Click me',