Support for story parameters

[FrozenKiwi]

Hey, first, thanks for this awesome plugin!

I'm trying to integrate the figma design plugin though, and it doesn't appear the parameters object is being picked up? For comparison

const meta: Meta<typeof Button> = {
  title: 'Example/Button',
  component: Button,
  parameters: {
    design: {
      type: 'figma',
      url: '<tofigma>',
    }
  }
};

Correctly loads our designs in the design tab

<script>
const parameters = {
  design: {
    type: 'figma',
    url: '<tofigma>',
  }
}
</script>
  <Stories
    title="Example/Button2"
    :component="Button"
    :parameters="parameters" // <-- Not here
  >
    <Story
      title="PrimarySS"
      :parameters="parameters" // <-- nor here
    >
      <Button
        label="Button"
        :parameters="parameters" // really speculative now
      >
        Primary
      </Button>
    </Story>

I haven't dug much into the compilation process, but I was hoping/assuming that anything passed to Story would be passed through to the output.

Any thoughts on this? With a few pointers I wouldn't mind taking a crack at this if it's unsupported ATM

[tobiasdiez]

Yes, this is not yet supported.

Thanks for your offer to help. This should actually be pretty straightforward to implement. The starting point would be to extend

storybook-vue-addon/src/core/parser.ts

Lines 63 to 70 in 2d25010

	const root = roots[0]
	if (root.type !== 1 || root.tag !== 'Stories')
	throw new Error('Expected root to be a <Stories> element.')
	const meta = {
	title: extractTitle(root),
	component: extractComponent(root),
	tags: [],
	}

by adding the parsing of the parameters prop and then write it back at

storybook-vue-addon/src/core/transform.ts

Lines 105 to 112 in 2d25010

	return `export default {
	${title ? `title: '${title}',` : ''}
	${component ? `component: ${component},` : ''}
	//decorators: [ ... ],
	parameters: {
	${docs ? `docs: { page: MDXContent },` : ''}
	}
	}

Let me know if you encounter any issues and I'm happy to help.