Skip to content

Storybook entry DBTabs is broken for Vue #6288

@trs123

Description

@trs123

Which generators are affected?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

The DBTabs entries for Vue do not render correctly, e.g. https://design-system.deutschebahn.com/core-web/review/main/composition-storybook/?path=/docs/vue_components-dbtabs-density--docs displays the following error:

2 (ImplicitActionsDuringRendering): We detected that you use an implicit action arg while rendering of your story.  

Please provide an explicit spy to your args like this:
  import { fn } from 'storybook/test';
  ... 
  args: {
   onIndexChange: fn()
  }

More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-for-example-in-the-play-function

at Proxy.n (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:925:3746)
    at D (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/tabs-CVPgIzp6.js:1:7711)
    at m.onInput.e.<computed>.e.<computed> (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/tabs-CVPgIzp6.js:1:8037)
    at Ms (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:1022:69391)
    at Br (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:1022:69462)
    at HTMLDivElement.r (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:1024:55408)
    at z (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/tabs-CVPgIzp6.js:1:7298)
    at V.immediate (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/tabs-CVPgIzp6.js:1:5735)
    at Ms (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:1022:69391)
    at Br (https://design-system.deutschebahn.com/core-web/review/main/vue-storybook/assets/iframe-DBzkqgv4.js:1022:69462)

Expected Behaviour

The rendered UI component should be displayed instead of an error.

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

None

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions