vuejs3 - 如何从 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;