如何在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的回调函数,下面是一个例子: