你的功能请求是否与问题相关?请描述
利用Nuxt 3(当前最新版本)的优势来实现Storyboard,需要注意的是,之前并没有官方支持Nuxt 2和之前的版本。
描述你希望的解决方案
提供一个指导和经过验证的路径,以便在Nuxt 3中实现Storybook的所有优秀功能。
描述你考虑过的替代方案
使用Vue...虽然不急于迁移到React,但我们的团队对技术并不是很满意,它不是Vue。
你是否能够协助将这个功能变为现实?
是的,我可以
附加说明
我们将帮助测试并创建示例。我们不是Nuxt核心团队,但会参与上述所有内容,包括在线社交发布和培训视频。
5条答案
按热度按时间rvpgvaaj1#
Oh, link to the site...
https://nuxtjs.org/
bt1cpqcv2#
我还想找到一种官方的方式,在storybook中实现所有的nuxt魔法,而不需要太多的hacks。
uxhixvfz3#
哦,链接到网站... https://nuxtjs.org/
他们将Nuxt 3的内容移动到了 https://nuxt.com 。
如果有人有
hack
,请在这里分享它zqry0prt4#
我已经弄清楚了如何使用
@storybook/vue3 V6
与Nuxt 3 V3.0.0
,请按照以下步骤操作:在执行这些步骤之前,请确保先运行
yarn install
或npm ci
!npx storybook init --type vue3
(如果你询问 是否要在项目上运行 'eslintPlugin' 迁移? 按Y
)yarn add --dev @storybook/builder-vite
(如果你使用Vite
作为你的应用程序打包器)package.json
和scripts
中添加以下内容:.storybook
和main.js
文件中,用以下内容扩展module.exports
对象:.storybook
文件夹中创建preview-head.html
文件并添加以下内容:stories
文件夹中删除Introduction.stories.mdx
文件。现在,你可以为
development mode
和yarn build-storybook
构建故事了。参考资料:
jogvjijk5#
Have you tried this? hirotaka/storybook-addon-nuxt