[Storybook 9] Addon compatibility - Update needed

[valentinpalkovic]

Hi there! 👋

Storybook 9 is coming soon with significant changes to the package structure that will affect most addons. The main change is the consolidation of Storybook packages into a single storybook package, which will simplify addon development and maintenance.

What's changing?

The key changes that affect addon authors are:

1. All core Storybook APIs are now available through the main storybook package
2. Import paths have been updated (e.g., storybook/manager-api instead of @storybook/manager-api)
3. TypeScript 4.9+ is now required

What do you need to do?

1. Review the community addon outreach document
2. Update your addon's dependencies:

{
  "peerDependencies": {
    "storybook": "^9.0.0"
  },
  "devDependencies": {
    "storybook": "^9.0.0"
  }
}

3. Test your addon with the prerelease version:

npm install --save-dev storybook@next

Need help?

• Join the Storybook Discord for support
• Report any issues here

Please let us know if you plan to support Storybook 9 or if you need any assistance with the migration. Your addon is an important part of the Storybook ecosystem! 🙏

[jakovchuk]

I had to temporarily add vite config alias to make storybook-vue3-router working:

// storybook main.ts

const config: StorybookConfig = {
  /* …your existing config… */
  viteFinal: async (config) =>
    mergeConfig(config, {
      resolve: {
        alias: {
          // make every import of "@storybook/addon-actions"
          // resolve to the new package
          '@storybook/addon-actions': 'storybook/actions',
        },
      },
    }),
};

[sanscheese]

Nice addition for the workaround!

I was hoping to try update this addon to work with v9, but noticed there wasn't a release for Storybook 8, so I've made a PR (#69) to hopefully tackle that. Once that can be released, can hopefully do a follow up for SB v9 so that workaround is no longer needed