Vue/Vue3: Fix decorators in StoryStoreV7

[yannbf]

Issue: N/A

What I did

Both Storybook for Vue and Vue3 had issues when running in StoryStoreV7 mode. Reason being that Storybook needed a applyDecorator function as a preset, but it wasn't exported from the presets. This PR fixes that by exporting the function correctly.

For Vue2 projects the entire Storybook would break with

For Vue3 projects, Storybook worked but decorators would not render the components.

With this PR, both Vue and Vue3 will render components correctly.

I also upgraded the vue example projects to use storyStoreV7

Thanks @prashantpalikhe @tmeasday for the investigation help! <3

How to test

• Is this testable with Jest or Chromatic screenshots?
• Does this need a new example in the kitchen sink apps?
• Does this need an update to the documentation?

If your answer is yes to any of these, please make sure to include it in your PR.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit fc2edfa. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel=2 --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[prashantpalikhe]

Awesome @yannbf

[shilman]

@yannbf great job! any idea what's going on with the chromatic snapshots?

[yannbf]

@yannbf great job! any idea what's going on with the chromatic snapshots?

Yup! Chromatic spotted a bug for us, however not related to this PR:

• Styles from the App story bleed to all stories
• In v6 that happens as all stories are pre-processed
• In v7 (now enabled in the vue examples) as the story is loaded on demand, the Welcome story now loads without the leaked styles

That's why the snapshots are different. The new snapshot is actually the correct style that the story should have looked like in the first place!

[codecov]

Codecov Report

Merging #18375 (fc2edfa) into next (736df3c) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             next   #18375   +/-   ##
=======================================
  Coverage   32.05%   32.05%           
=======================================
  Files         975      975           
  Lines       19211    19211           
  Branches     4031     4031           
=======================================
  Hits         6158     6158           
  Misses      12489    12489           
  Partials      564      564           

Impacted Files	Coverage Δ
app/vue/src/client/preview/config.ts	0.00% <ø> (ø)
app/vue3/src/client/preview/config.ts	0.00% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 736df3c...fc2edfa. Read the comment docs.

[shilman]

LGTM!