如何从 Storybook 故事访问 Vue3 应用程序实例？

Question

我有一个简单的组件，需要进行以下全局设置...

const app = createApp(App);
app.config.globalProperties.Icons = Icons;

但是，当我构建 Storybook 故事文件时，我不确定如何访问 Vue 应用程序实例的配置 属性。

有什么方法可以在 Vue3 Storybook Story 中设置它？

Answer 1

根据 docs

1. 创建了名为 storybook/preview.js

   的文件

2. 添加了以下....

   import { app } from '@storybook/vue3';
   app.config.globalProperties.Icons = Icons;