Dans cet exercice, nous avons oublié de passer dans App.svelte la prop name attendue par PackageInfo.svelte, ce qui implique que l’élément <code> est vide et que le lien vers npm est cassé.

Nous pourrions corriger cela en ajoutant la prop...

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

... mais puisque les propriétés de pkg correspondent aux props attendues par le composant, nous pouvons à la place les ‘étaler’ sur le composant :

<PackageInfo {...pkg} />

À l’inverse, dans PackageInfo.svelte nous pouvons obtenir un objet contenant toutes les props qui lui sont passées en utilisant la propriété de reste...

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

...ou en ne déstructurant pas du tout :

let stuff = $props();

... et dans ce cas vous pouvez accéder aux propriétés via leur path :

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