<!-- A.svelte -->
<svelte:options customElement={{
  tag: 'a-btn',
  props: {
    name: {type: 'String'},
  }
}}/>

<script lang="ts">
  import B from './B.svelte'
  const props: {name: string} = $props()

</script>

<B name={props.name}/>

<!-- B.svelte -->

<script lang="ts">
  const props: {name: string} = $props()
</script>

<button>{props.name}</button>