"Show code" shows the code in wrong mode

Describe the bug After update from 6.4.x to 6.5.x “Show code” shows the code in “code” mode instead of “auto”. If click “reset controls” or change any value in controls then the source is shown in “auto” mode.

To Reproduce

• open story -> Docs
• click “Show code”

Result - “code”:

(args, { argTypes }) => ({
    props: Object.keys(argTypes),
    components: { badge: BadgeComponent },
    template: '<badge v-bind="$props">Text example</badge>',
})

Expected result - “auto”:

<template><badge>Text example</badge></template>

• Click “reset controls”

Result - source is changed to correct mode:

<template><badge>Text example</badge></template>

Additional context “@storybook/addon-a11y”: “^6.5.9”, “@storybook/addon-actions”: “^6.5.9”, “@storybook/addon-essentials”: “^6.5.9”, “@storybook/addon-links”: “^6.5.9”, “@storybook/addon-postcss”: “^2.0.0”, “@storybook/builder-webpack5”: “^6.5.9”, “@storybook/manager-webpack5”: “^6.5.9”, “@storybook/vue”: “^6.5.9”,

[mokone91]

Same problem after upgrading. any solution?

[jevgenigavrilov]

@Hanawa02 I am also using bootstrap-vue and have the same issue. One thing I noticed is that when passing auto to docs.source.type storybook previews the code as rendered output