storybookjs / storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
https://storybook.js.org
MIT License
84.22k stars 9.26k forks source link

addon-controls not working with addon-docs enabled (using addon-essentials + Vue 3) #17350

Closed spacedawwwg closed 1 year ago

spacedawwwg commented 2 years ago

Describe the bug addon-controls not working with addon-docs is enabled (using addons-essentials)

To Reproduce Set up Vue 3 storybook with addon-essentials enabled.

System

  System:
    OS: macOS 12.1
    CPU: (10) arm64 Apple M1 Max
  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    Yarn: 3.1.1 - ~/.nvm/versions/node/v16.13.0/bin/yarn
    npm: 8.1.3 - ~/.nvm/versions/node/v16.13.0/bin/npm
  Browsers:
    Chrome: 97.0.4692.99
    Edge: 97.0.1072.69
    Firefox: 96.0.2
    Safari: 15.2
  npmPackages:
    @storybook/addon-a11y: 6.4.14 => 6.4.14
    @storybook/addon-essentials: 6.4.14 => 6.4.14 
    @storybook/vue3: 6.4.14 => 6.4.14 

Additional context

WITH default plugin

module.exports = {
  addons: [
    '@storybook/addon-essentials',
    '@storybook/addon-a11y',
  ],
  core: {
    builder: 'storybook-builder-vite',
  },
  framework: '@storybook/vue3',
  ...
}

image

With docs addon disabled

module.exports = {
  addons: [
    {
      name: '@storybook/addon-essentials',
      options: {
        docs: false
      }
    },
    '@storybook/addon-a11y',
  ],
  core: {
    builder: 'storybook-builder-vite',
  },
  framework: '@storybook/vue3',
  ...
}

image

IanVS commented 2 years ago

@spacedawwwg would you mind opening an issue in https://github.com/eirslett/storybook-builder-vite, and consider even looking into a fix? We don't have any real vue users on our core team over there, so we're relying on users to help fix bugs like this.

IanVS commented 1 year ago

Closing due to inactivity.