TypeScript

To use the Nuxt module with TypeScript, ensure that imports typically from @storybook/* are now replaced by imports from @nuxtjs/storybook (or @storybook-vue/nuxt if the Nuxt module is not used). This is needed since the Storybook packages are dependencies of the Nuxt module, and are not directly installed in the project.

The following example demonstrates how to use types when configuring Storybook and for writing stories.

import { StorybookConfig } from '@nuxtjs/storybook' // not from '@storybook/core-common'

export default {
  stories: ['../components/**/*.stories.ts'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
  framework: '@storybook/vue3',
} as StorybookConfig