Vue: Show code block doesn't render template

I am using Storybook for Vue v6.2.9

I have one component named BaseIcon. It has two props: icon and iconColor.

Why clicking the Show code button doesn’t show the actual template, only raw code from Template?

I wanna it should be like:

<BaseIcon icon="camera" iconColor="white" />

My BaseIcon/index.stories.js code:

import BaseIcon from './index.vue';
import validIcons from './validIconsList';

export default {
  title: 'Components/BaseIcon',
  component: BaseIcon,
  argTypes: {
    icon: {
      options: validIcons,
      control: {
        type: 'select'
      }
    }
  },
 /*  parameters: {
    docs: {
      source: {
        type: 'code'
      }
    }
  } */ 
};

const Template = (args, { argTypes }) => ({
  components: { BaseIcon },
  props: Object.keys(argTypes),
  template: `<BaseIcon v-bind="$props" />`
});

export const Default = Template.bind({});
Default.args = {
  icon: 'camera'
};

Toggling commented parameters property in export default {} does nothing.

What did I miss?

[prinzt]

We experience this behavior for all of our stories too, after upgrading from 6.1.x to 6.3.7. We use Vue 2.6.11.

[standbyoneself]

Do you have a repro repo you can share?

I just created it. Link: https://github.com/standbyoneself/storybook. It is a monorepo. I also created new Lerna package named storybook. It is super default vue project created by vue-cli that has storybook. You need to type yarn storybook and you’ll see that default component`s code also doesn’t look as I want