注意
若要將 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'
    // ...
  ]
}