<script>
import Slot from './Slot.svelte';
</script>
<style>
</style>
<div>
<Slot>
<span>슬롯 요소</span>
<span slot="slotText">네이밍 있는 슬롯 요소</span>
</Slot>
</div>
<script>
export let slotText;
console.log(slotText);
</script>
<style>
</style>
<div class="bg-slate-400">
<slot><!-- optional fallback --></slot>
<slot name="slotText"><!-- optional fallback --> 1112</slot>
</div>
하위 요소에 지정 위치로 출력
name 요소와 매칭 필요