Svelte Storybook is not showing up the nested CustomElement (Webcomponents)

[saravanansoft]

I am trying to show the svelte component which has <svelte:options customElement="parent-component" /> and it has another child component <svelte:options customElement="child-component" />,
but in the story book i could see the parent but not the child. when i inspect i could see the child component rendered but not visible in the page. I am not using any styles Can any one guide me on this?

Parent component:

<svelte:options customElement="eas-parent-component"/>
<script lang="ts">  
 export let message = 'This is the parent component...';
</script>
<div class="parent">
  This is a Parent
  <h2>{message}</h2> 
  <!-- Use the custom child element -->
   <eas-child-component content="This is a child component from parent"></eas-child-component>
</div>
<style> 
</style>

Child Component:

<svelte:options customElement="eas-child-component"/>
<script>
  export let content = 'This is the child component';
</script>
<div class="child"> 
  <p>{content}</p> 
</div>
<style> 
</style>