Configuration - Nuxt Storybook

This module comes with a default Storybook configuration file to provide the best possible user experience.

Default configuration

main.ts

import type { StorybookConfig } from '@storybook-vue/nuxt'

const config: StorybookConfig = {
  stories: [
    '../stories/**/*.mdx',
    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
  ],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
  ],
  framework: {
    name: '@storybook-vue/nuxt',
    options: {},
  },
  docs: {
    autodocs: 'tag',
  },
}
export default config

You can learn more about the Storybook configuration.

Overwriting the configuration

You can extend the default configuration:

This config has the highest priority to overwrite the defaults and storybook.config.

TypeScript

Guide on how to use TypeScript with the Nuxt module

Storybook Viewer

Visualize your Stories inside DevTools tab.