npm @storybook/vue3 10.2.0
v10.2.0
on Node.js NPM

latest release: 10.3.0-alpha.0
9 hours ago

10.2.0

Improved UI and story authoring ergonomics

Storybook 10.2 contains hundreds of fixes and improvement including:

  • 💅 New Viewports and Zoom UI
  • 🏭 Typesafe CSF factories for Vue, Angular, Web Components (preview)
  • 📄 MDX support for Storybook MCP (experimental)
List of all updates
  • Addon-A11y: Lock vision filter dropdown for stories with `vision` global - #33599, thanks @ghengeveld!
  • Addon-Docs: Add MDX manifest generation - #33408, thanks @copilot-swe-agent!
  • Addon-Docs: Skip `!autodocs` stories when computing primary story - #32712, thanks @ia319!
  • Addon-Pseudo States: Fix stylesheet rewrite for `:not()` with parenthesis in inner selector - #33491, thanks @ghengeveld!
  • Addon-Vitest: Added timeout for fetching localhost 6006 during global setup. - #33232, thanks @snippy4!
  • Addon-Vitest: Fallback detecting vitest version in postinstall - #33415, thanks @ndelangen!
  • Addon-Vitest: Improve error message in testing widget modal - #33481, thanks @yannbf!
  • Addon-Vitest: Improve perf & fix loading incorrect `.env` file - #33469, thanks @ndelangen!
  • CLI: Detect free port when running dev during initiate - #33532, thanks @ndelangen!
  • CLI: Remove any return type of getAbsolutePath - #32977, thanks @nzws!
  • CLI: Skip vitest transform for CSF Factories in a11y-addon-test automigration - #31941, thanks @mrginglymus!
  • Codemod: Fix glob string to only match stories files - #33592, thanks @JReinhold!
  • Controls: Allow resetting the Select control - #33289, thanks @Sidnioulz!
  • Controls: Fix displaying as object instead of select for optional union types - #33200, thanks @tanujbhaud!
  • Controls: Force object control JSON mode to reset - #33330, thanks @Sidnioulz!
  • Core and Vite: Use story index as source of truth for Vite paths - #30612, thanks @JReinhold!
  • Core: Add `getStoryHrefs` manager API and add hotkey for "open in isolation" - #33416, thanks @ghengeveld!
  • Core: Add global error boundary for Manager UI - #33211, thanks @copilot-swe-agent!
  • Core: Add support for wrapped components in component transformer - #33578, thanks @yannbf!
  • Core: Add try-catch for cross-origin access in Storybook hooks - #33448, thanks @ndelangen!
  • Core: Add zoom level 8 and limit manual input to 800% - #33561, thanks @ghengeveld!
  • Core: Avoid late layout shift and improve ChecklistWidget perceived performance - #33184, thanks @ghengeveld!
  • Core: Ensure /project.json route is up before builders serve local FS - #33303, thanks @Sidnioulz!
  • Core: Fix `react-docgen-typescript` support in story creation - #33586, thanks @yannbf!
  • Core: Fix Checklist behavior with hidden sidebar - #33556, thanks @ghengeveld!
  • Core: Fix cwd handling for negated globs - #33241, thanks @ia319!
  • Core: Fix Date input layout - #33595, thanks @ghengeveld!
  • Core: Fix import statement for `react-docgen-typescript` - #33589, thanks @yannbf!
  • Core: Fix input width - #33591, thanks @ghengeveld!
  • Core: Fix manual zoom input field UX - #33581, thanks @ghengeveld!
  • Core: Fix onboarding visual bugs, survey telemetry and modal dismissal - #33326, thanks @ghengeveld!
  • Core: Fix play function `mount` detection when destructuring in the function body - #33367, thanks @ghengeveld!
  • Core: Fix viewport args handling and reset option - #33560, thanks @ghengeveld!
  • Core: Honor BROWSER shell scripts before xdg-open - #33292, thanks @robbchar!
  • Core: Improve addon sanitization - #33554, thanks @yannbf!
  • Core: Improve path handling in arg types data extraction - #33536, thanks @yannbf!
  • Core: Improve the story generation experience - #33259, thanks @yannbf!
  • Core: Redesign and refactor Viewports tool - #33290, thanks @ghengeveld!
  • Core: Refactor channel initialization - #33520, thanks @yannbf!
  • Core: Render sidebar toggle on settings pages - #33501, thanks @ghengeveld!
  • Core: Retry `writeFile` cache when EBUSY error occurs - #32981, thanks @reduckted!
  • Core: Support defineConfig when setting up ESLint plugin - #32878, thanks @copilot-swe-agent!
  • Core: Support disabling Checklist widget through feature config - #33430, thanks @ghengeveld!
  • Core: Track vision simulator state through globals and apply styles in preview - #33418, thanks @ghengeveld!
  • Core: Use canonical links in sidebar and menu - #33400, thanks @Sidnioulz!
  • Core: Viewport UX fixes - #33557, thanks @ghengeveld!
  • Core: Zoom tool reimplementation - #33375, thanks @ghengeveld!
  • CSF-Factories: Add CSF Factories for Vue3, Web Components, and Angular - #33365, thanks @kasperpeulen!
  • CSF-Factories: Allow kebab-case HTML attribute names in web components args - #33526, thanks @kasperpeulen!
  • CSF-Factories: Export WebComponentsTypes and VueTypes - #33521, thanks @kasperpeulen!
  • CSF-Factories: Skip non-factory exports instead of throwing error - #33550, thanks @kasperpeulen!
  • CSF: Export type to prevent `type cannot be named`-errors - #33216, thanks @unional!
  • Dependencies: Bump various packages - #33412, thanks @ndelangen!
  • Dependencies: Update `baseline-browser-mapping` - #33576, thanks @ndelangen!
  • Docgen: Update extraction of React docgen - #33598, thanks @ndelangen!
  • Docs-Blocks: Fix broken tooltip in ArgValue details - #33264, thanks @Sidnioulz!
  • Docs: Ensure CodePanel hooks are called within component - #33162, thanks @mrginglymus!
  • Interactions: Add disable parameter for interactions panel - #33368, thanks @jeevikar14!
  • Interactions: Fix state reset bug when switching stories with date mocks - #33388, thanks @Sidnioulz!
  • Manager: Ensure reset item only appears in globals toolbar when specified - #33276, thanks @mrginglymus!
  • Manager: Fix system query parameters being overridable - #33535, thanks @JReinhold!
  • Manifests: Add support for summaries in MDX files - #33475, thanks @JReinhold!
  • Manifests: Refactor from `componentManifestGenerator` to extensible `manifests` preset property - #33392, thanks @JReinhold!
  • Manifests: Support `!manifest` tag in preview files - #33406, thanks @JReinhold!
  • NextJS: Import `next/dist` with `.js`-extension for ESM compat - #33380, thanks @yue4u!
  • NextJS: Support top-level weight/style in next/font/local with string src - #32998, thanks @Chiman2937!
  • NextJSVite: Add `@opentelemetry/api` to `optimizeDeps` - #33577, thanks @ndelangen!
  • NextJSVite: Update vite-plugin-storybook-nextjs to v3.1.7 - #33351, thanks @valentinpalkovic!
  • NextJSVite: Upgrade plugin - #33538, thanks @ndelangen!
  • Onboarding: Fix navigation to first story when configure-your-project entry missing - #33559, thanks @copilot-swe-agent!
  • Onboarding: Hide TourGuide as soon as tests start - #33587, thanks @ghengeveld!
  • Preview: Prevent error in RN due to `navigator?.clipboard` - #33219, thanks @ndelangen!
  • Preview: Treat canceled animations as finished - #32401, thanks @bawjensen!
  • React: Use self-closing tag for code snippets - #33342, thanks @valentinpalkovic!
  • SvelteKit: Align JS template with TS template - #31451, thanks @brettearle!
  • Telemetry: Add `packageJson.type` - #33525, thanks @ndelangen!
  • TypeScript: Fix summary undefined type issue - #32585, thanks @afsalshamsudeen!
  • TypeScript: Improve globalTypes type-strictness - #33313, thanks @mrginglymus!
  • TypeScript: Reduce `cannot be named` errors - #33344, thanks @icopp!
  • TypeScript: Support `exactOptionalPropertyTypes` for public API types - #33149, thanks @copilot-swe-agent!
  • UI: Ensure consistent right padding in TreeNode - #33322, thanks @Sidnioulz!
  • UI: Ensure preview error displays use a readable text color - #33580, thanks @Sidnioulz!
  • UI: Fix border color for Select picker - #33585, thanks @ghengeveld!
  • UI: Fix empty sidebar after navigating from search - #33590, thanks @Sidnioulz!
  • UI: Fix regression in select close handler focus - #33470, thanks @Sidnioulz!
  • UI: Fix search highlight visibility in High Contrast Mode - #33427, thanks @Maelryn!
  • UI: Improve landmark navigation - #33457, thanks @Sidnioulz!
  • UI: Keep preview frame stable in overall layout - #33447, thanks @Sidnioulz!
  • UI: Make vertical alignment of TestStatusIcon more robust - #33305, thanks @Sidnioulz!
  • UI: Prevent primary story from duplicating anchor ID - #33384, thanks @Sidnioulz!
  • UI: Prevent updating non-existent stories in sidebar - #33037, thanks @ia319!
  • Upgrade: Preserve package.json indentation when upgrading - #32280, thanks @y-hsgw!
  • Vue3: Update renderer's setup function to allow passing generic HostElement type - #32029, thanks @DamianGlowala!
  • Webpack: Revert "disable `bugfixes` property in swc and babel - #33498, thanks @ndelangen!
  • Zoom: Keyboard-shortcut for the `plus` key - #33565, thanks @ndelangen!
Check out latest releases or
releases around @storybook/vue3 10.2.0

Don't miss a new vue3 release

NewReleases is sending notifications on new releases.

Get notifications