Nested.svelte
でプロパティのデフォルト値を簡単に指定できます。
Nested
<script>
let { answer = 'a mystery' } = $props();
</script>
ここで、answer
プロパティのない2番目のコンポーネントを追加すると、デフォルト値に戻ります。
App
<Nested answer={42}/>
<Nested />
1
2
3
4
5
6
<script>
import Nested from './Nested.svelte';
</script>
<Nested answer={42} />