Story Already Exists

[mattrothenberg]

Issue details

I'm building out a custom <story> block that can be used in Vue single-file components (SFC) for easier documentation of stories. I've written a custom Webpack loader to parse said blocks and decorate the respective Vue component with some metadata.

https://github.com/mattrothenberg/vue-stories/blob/master/.storybook/story-loader.js#L4-L16

So far, everything works beautifully upon initial load of the Storybook development server. Unfortunately, after every subsequent code change on the Vue side (e.g., changing the case attribute), I get a big honkin' red error saying Story of [story] named [new name] already exists

<template>
  <button class="button-styles" @click="onClick">
    <slot></slot>
  </button>
</template>

<story case="Cool Story, Bro">
  <my-button>Whoa, I'm a story!</my-button>
</story>

import MyButton from './MyButton.vue';
var MyButtonStories = storiesOf('Button', module)

MyButton.__stories.forEach(story => {
  MyButtonStories.add(story.case, () => ({
    components: {MyButton},
    template: story.template
  }))
})

Steps to reproduce

1. Spin up storybook locally
2. Change case attribute from Cool story, Bro to Cooler story, Bro
3. Error!

Please specify which version of Storybook and optionally any affected addons that you're running

• storybook/vue 3.3.14

Affected platforms

All Browsers, as far as I can tell

Screenshots / Screencast / Code Snippets (Optional)

https://imgur.com/QGhkUHF
Repo: https://github.com/mattrothenberg/vue-stories

[mattrothenberg]

Upon further inspection, this error stems from my (poorly written) Webpack loader.