Skip to content

Add vuex decorator to storybook

Ezekiel Kigbo requested to merge 427971-add-vuex-decorator-to-storybook into master

What does this MR do and why?

This MR:

  • Adds a vuex decorator to simplify the addition of storybook components that require a vuex store
  • Updates the storybook documentation

This will help address scenarios like this one where it is difficult to quickly interact with our charts to test direction changes.

Note

While we are planning to migrate away from Vuex entirely, there are still a lot of components that are directly wrapped with Vuex. In some cases it might be simple enough to either abstract away the Vuex store, or migrate to apollo.

But for other cases the decorator can act as an intermediate step allowing us to still get the benefit of storybook and assisting in the eventual migration.

Screenshots or screen recordings

No visual changes

How to set up and validate locally

You can test an example of the decorator in action in !134711 (merged)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #427971 (closed) &11681

Edited by Ezekiel Kigbo

Merge request reports