在 Storybook 故事中使用全局 Vue 3 插件？

Question

如何在 Storybook 故事中使用 Vue 3 插件？

例如，我使用 FormKit 在组件中创建表单元素。

FormKit 在我的 main.ts 中进行了全局配置，如下所示：

import { plugin, defaultConfig } from '@formkit/vue'
const app = createApp(App)
app.use(plugin, defaultConfig)

但 Storybook 不使用这个文件...那么我该如何为 Storybook 做同样的事情呢？

Answer 1

从故事书 7 开始，情况发生了一些变化，埃梅林的答案不再有效。为了访问应用程序实例，您应该导入setup并将app其作为参数传递给安装程序的回调，这里是一个示例：

// .storybook/preview.js
import { MotionPlugin } from "@vueuse/motion";
import { setup } from "@storybook/vue3";

setup((app) => {
    app.use(MotionPlugin);
});