feat: export types also from @nuxtjs/storybook

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-  "cSpell.words": ["composables", "dedupe", "nuxt", "ofetch", "Pinia"]
+  "cSpell.words": ["composables", "dedupe", "nuxt", "nuxtjs", "ofetch", "Pinia"]
 }

docs/content/1.getting-started/3.typescript.md

@@ -0,0 +1,46 @@
+---
+title: 'TypeScript'
+description: 'Guide on how to use TypeScript with the Nuxt module'
+---
+
+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.
+
+::code-group
+
+```typescript [.storybook/main.ts]
+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
+```
+
+```typescript [components/Button.stories.ts]
+import { Meta, Story } from '@nuxtjs/storybook' // not from '@storybook/vue'
+import Button from './Button.vue'
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+} as Meta
+
+const Template: Story = (args) => ({
+  components: { Button },
+  setup() {
+    return { args }
+  },
+  template: '<Button v-bind="args" />',
+})
+
+export const Primary = Template.bind({})
+Primary.args = {
+  primary: true,
+  label: 'Button',
+}
+```
+
+::

package.json

@@ -27,7 +27,7 @@
     "example:showcase:build": "pnpm run --filter=./examples/showcase/** build",
     "example:showcase:storybook:build": "pnpm run --filter=./examples/showcase/** build-storybook",
     "example:showcase:storybook:publish": "chromatic --exit-zero-on-changes --build-script-name example:showcase:storybook:build --project-token=chpt_a53adf402cb628c",
-    "build": "pnpm run --recursive --filter=./packages/* --parallel build",
+    "build": "pnpm run --recursive --filter=./packages/* build",
     "package": "cd ./packages/storybook-addon && pnpm pack && cd ../nuxt-module && pnpm pack",
     "lint": "pnpm lint:eslint && pnpm lint:prettier",
     "lint:eslint": "eslint --max-warnings=0 --report-unused-disable-directives .",

packages/nuxt-module/package.json

@@ -25,7 +25,7 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
+      "types": "./dist/module.d.ts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
     }
@@ -57,7 +57,7 @@
     "ufo": "^1.5.3"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "0.8.1",
+    "@nuxt/module-builder": "0.8.3",
     "vite": "5.4.0",
     "unbuild": "2.0.0"
   }

packages/nuxt-module/src/module.ts

@@ -4,6 +4,8 @@ import { logger } from './logger'
 
 import { setupStorybook } from './storybook'
 
+export type * from '@storybook-vue/nuxt'
+
 export interface ModuleOptions {
   /**
    * The route where the Storybook application will be available in development mode.

packages/storybook-addon/src/index.ts

@@ -1,3 +1,2 @@
-// Path: src/types.d.ts';
 export * from '@storybook/vue3'
 export * from './types.d'

packages/storybook-addon/src/types.d.ts

@@ -1,12 +1,4 @@
 import type { StorybookConfig as StorybookConfigBase } from '@storybook/types'
-import type {
-  Preview,
-  StoryFn,
-  StoryObj,
-  VueRenderer,
-  Meta,
-  DecoratorFunction,
-} from '@storybook/vue3'
 import type { FrameworkOptions as FrameworkOptionsVue } from '@storybook/vue3-vite'
 import type { StorybookConfigVite } from '@storybook/builder-vite'
 
@@ -40,5 +32,3 @@ export type StorybookConfig = Omit<
 > &
   StorybookConfigVite &
   StorybookConfigFramework
-
-export { Meta, StoryFn, StoryObj, Preview, VueRenderer, DecoratorFunction }

packages/storybook-addon/tsconfig.json

@@ -1,11 +1,11 @@
 {
-  "extends": "./.storybook/tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
     "target": "ESNext",
     "module": "ESNext",
     "types": ["vite/client"],
-    "skipLibCheck": true,
+    "skipLibCheck": false,
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "strict": true,
     "paths": {