在這個練習中，在 App.svelte 中，我們忘記傳遞 PackageInfo.svelte 預期的 name prop，這表示 <code> 元素是空的，而且 npm 連結已損壞。

我們可以透過新增 prop 來修正它...

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

...但是由於 pkg 的屬性對應到元件預期的 props，我們可以將它們「展開」到元件上。

<PackageInfo {...pkg} />

相反地，在 PackageInfo.svelte 中，您可以使用 rest 屬性來取得一個包含傳遞給元件的所有 props 的物件...

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

...或者完全跳過解構

let stuff = $props();

...在這種情況下，您可以使用其物件路徑存取這些屬性

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