@netsells/storybook-vue-generate-arg-types

This package provides a single function to generate your argType property on your storybook stories based on the props added to your component.

Installation

$ yarn add -D @netsells/storybook-vue-generate-arg-types

Usage

// MyComponent.stories.js
import MyComponent from './MyComponent';
import generateArgTypes from '@netsells/storybook-vue-generate-arg-types';

export default {
    // ...story config
    argTypes: generateArgTypes(MyComponent),
};

If for any reason you'd like to override an arg type, you can pass an additional parameter of overrides:

// MyComponent.stories.js
import MyComponent from './MyComponent';
import generateArgTypes from '@netsells/storybook-vue-generate-arg-types';

export default {
    // ...story config
    argTypes: generateArgTypes(MyComponent, {
        myProp: {
            control: 'number',
            default: 5,
        },
    }),
};