この演習では、App.svelte で PackageInfo.svelte が期待する name prop を指定し忘れているため、<code> 要素が空になり、npm link が壊れています。

以下のように prop を追加することで、これを修正できます…

<PackageInfo
	name={pkg.name}
	version={pkg.version}
	description={pkg.description}
	website={pkg.website}
/>

…ただ、pkg のプロパティはこのコンポーネントが期待する props と一致しているので、代わりに ‘spread’ 構文を使用することができます:

<PackageInfo {...pkg} />

逆に PackageInfo.svelte で、rest プロパティを使用して、そのコンポーネントに渡されたオブジェクトの props を全て受け取ることができます...

let { name, ...stuff } = $props();

...もしくは、destructuring を完全にスキップします:

let stuff = $props();

...こうすると、これらのオブジェクトパスからプロパティにアクセスできます:

console.log(stuff.name, stuff.version, stuff.description, stuff.website);