'storybook multiple component VUE 3

I have two components :Icon and Button. I'm trying to show them on the template. I want to show the icon inside the button component when iconFab is set to true. I can't see the icon at all, just the button component. I tried to follow the documentation

Button.stories.js

import EzButton from '../components/Button.vue'
import EzIcon from '../components/Icon.vue'
import EzIconStory from './Icon.stories.js'
import { faHome } from '@fortawesome/free-solid-svg-icons'

export default {
  title: 'Components/Button',
  component: EzButton,
  argTypes: {
    
    iconFab: {
      control: {
        type: 'boolean'
      }
    },
  },
}

  const FabIconTemplate = (args, { argTypes }) => ({
  components: { EzButton, EzIcon },
  setup() {
    return { args }
  },
  template: `
  <ez-button v-bind="args">
    <ez-icon :icon="icon">hi</ez-icon>
  </ez-button>
  `,
});
export const OneItem = FabIconTemplate.bind({});
OneItem.args = {
  iconFab : true // button component
  icon: faHome, // icon component
};


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source