Destructurate page data

src/routes/credits/+page.svelte

@@ -17,6 +17,7 @@
     import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
 
     export let data: PageData
+    const { credits, credit } = data
 
 
     onMount(() => {
@@ -62,19 +63,19 @@
 
 <Metas
     title="Credits – Houses Of"
-    description={data.credits.text}
+    description={credits.text}
     image=""
 />
 
 
 <PageTransition name="credits">
     <Heading
-        text={data.credits.text}
+        text={credits.text}
     />
 
     <section class="credits__list">
         <div class="grid container">
-            {#each data.credits.list as { title, credits }}
+            {#each credits.list as { title, credits }}
                 <div class="credits__category grid">
                     <h2 class="title-small">{title}</h2>
                     <ul>
@@ -103,7 +104,7 @@
             <div class="credits__category grid">
                 <h2 class="title-small">Photography</h2>
                 <ul>
-                    {#each data.credit as { name, website, location }}
+                    {#each credit as { name, website, location }}
                     <li>
                         <dl>
                             <dt>