Vue/Vue3: Fix decorators in StoryStoreV7

app/vue/src/client/preview/config.ts

@@ -1,4 +1,4 @@
 export { render, renderToDOM } from './render';
-export { decorateStory } from './decorateStory';
+export { decorateStory as applyDecorators } from './decorateStory';
 
 export const parameters = { framework: 'vue' };

app/vue3/src/client/preview/config.ts

@@ -1,4 +1,4 @@
 export { render, renderToDOM } from './render';
-export { decorateStory } from './decorateStory';
+export { decorateStory as applyDecorators } from './decorateStory';
 
 export const parameters = { framework: 'vue3' };

examples/vue-3-cli/.storybook/main.js

@@ -10,6 +10,7 @@ module.exports = {
     disableTelemetry: true,
   },
   features: {
+    storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'),
     buildStoriesJson: true,
     channelOptions: { allowFunction: false, maxDepth: 10 },
   },

examples/vue-cli/.storybook/main.js

@@ -13,6 +13,7 @@ module.exports = {
     disableTelemetry: true,
   },
   features: {
+    storyStoreV7: true,
     buildStoriesJson: true,
   },
 };

examples/vue-kitchen-sink/.storybook/main.js

@@ -20,5 +20,6 @@ module.exports = {
   staticDirs: ['../public'],
   features: {
     buildStoriesJson: true,
+    storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'),
   },
 };

examples/vue-kitchen-sink/.storybook/preview.js

@@ -10,4 +10,5 @@ export const parameters = {
   docs: {
     iframeHeight: '60px',
   },
+  globalParameter: 'globalParameter',
 };

examples/vue-kitchen-sink/src/App.vue

@@ -30,7 +30,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;

examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot

@@ -8,9 +8,9 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
   "docs": {
     "iframeHeight": "60px"
   },
-  "framework": "vue",
   "globalParameter": "globalParameter",
-  "chapterParameter": "chapterParameter",
+  "framework": "vue",
+  "componentParameter": "componentParameter",
   "storyParameter": "storyParameter",
   "__isArgsStory": true,
   "__id": "core-parameters--passed-to-story",

examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot

@@ -53,8 +53,8 @@ exports[`Storyshots Custom/Decorator for Vue With Data 1`] = `
     "docs": {
       "iframeHeight": "60px"
     },
-    "framework": "vue",
     "globalParameter": "globalParameter",
+    "framework": "vue",
     "__isArgsStory": true,
     "__id": "custom-decorator-for-vue--with-data",
     "args": {},

examples/vue-kitchen-sink/src/stories/core.stories.js

@@ -1,15 +1,10 @@
-import { addParameters } from '@storybook/vue';
-
-const globalParameter = 'globalParameter';
-const chapterParameter = 'chapterParameter';
+const componentParameter = 'componentParameter';
 const storyParameter = 'storyParameter';
 
-addParameters({ globalParameter });
-
 export default {
   title: 'Core/Parameters',
   parameters: {
-    chapterParameter,
+    componentParameter,
   },
 };