Add vuex decorator to storybook
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.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #427971 (closed) &11681