如何在Storybook故事中使用Vue 3插件？例如，我使用FormKit在组件中创建表单元素。FormKit在我的主程序中被全局操纵。ts是这样的：
import { plugin, defaultConfig } from '@formkit/vue' const app = createApp(App) app.use(plugin, defaultConfig)
但这个文件不是故事书用的我怎么能为StoryBook做同样的事呢
nnsrf1az1#
我可以在这里找到文档：https://github.com/storybookjs/storybook/tree/47f753f5e8d084b4d544cf1ec76077a9382aa6b2/app/vue3我了解到，您可以通过从@storybook/vue 3导入来访问.storybook/preview.js中Storybook创建的应用程序。示例复制自上面的链接：
.storybook/preview.js
// .storybook/preview.js import { app } from '@storybook/vue3'; app.use(MyPlugin); app.component('my-component', MyComponent); app.mixin({ /* My mixin */ });
vwkv1x7d2#
自从故事书7的事情已经改变了一点点，埃姆林的答案行不通。为了访问app示例，你应该导入setup，app将作为一个参数传递给setup的回调函数，下面是一个例子：
// .storybook/preview.js import { MotionPlugin } from "@vueuse/motion"; import { setup } from "@storybook/vue3"; setup((app) => { app.use(MotionPlugin); });
2条答案
按热度按时间nnsrf1az1#
我可以在这里找到文档：https://github.com/storybookjs/storybook/tree/47f753f5e8d084b4d544cf1ec76077a9382aa6b2/app/vue3
我了解到，您可以通过从@storybook/vue 3导入来访问
.storybook/preview.js中Storybook创建的应用程序。示例复制自上面的链接：
vwkv1x7d2#
自从故事书7的事情已经改变了一点点，埃姆林的答案行不通。为了访问app示例，你应该导入setup，app将作为一个参数传递给setup的回调函数，下面是一个例子：