注意
若要將 Storybook 與 Nuxt3 一起使用，請使用 nuxt-modules 儲存庫。
https://github.com/nuxt-modules/storybook

Storybook 擴充套件 Nuxt

此擴充套件讓您在 Nuxt3 專案中更輕鬆地設定 Storybook。

支援的功能

• 自動匯入
• NuxtLink

由於我們仍處於專案的早期階段，因此還有一些功能需要處理。我們很樂意聽取您對功能的請求，並將按照我們收到的順序處理。請隨時告訴我們您需要什麼。

需求

• Nuxt >= 3.x
• Storybook >= 7.x

範例

• Nuxt3 - 原始碼

開始使用

安裝

首先設定 Storybook。

在您的 Nuxt 專案目錄中

npx storybook@latest init --type vue3 --builder vite

使用 npm 安裝 storybook-addon-nuxt

npm install --save-dev storybook-addon-nuxt

或者使用 yarn

yarn add --dev storybook-addon-nuxt

在 main.js 中註冊擴充套件

// .storybook/main.js

module.exports = {
  // other config ommited for brevity
  addons: [
    // ...
    'storybook-addon-nuxt'
    // ...
  ]
}