Destructurate page data

src/routes/+page.svelte

@@ -29,6 +29,7 @@
 
     export let data: PageData
 
+    const { photos } = data
     const { settings, locations }: any = getContext('global')
 
     let scrollY: number, innerHeight: number
@@ -110,7 +111,7 @@
     </section>
 
     <section class="homepage__photos">
-        <Collage photos={data.photos} />
+        <Collage {photos} />
     </section>
 
     <div class="homepage__ctas">

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>

src/routes/subscribe/+page.svelte

@@ -19,7 +19,8 @@
 
     export let data: PageData
 
-    const latestIssue = data.issues[0]
+    const { issues } = data
+    const latestIssue = issues[0]
 
 
     onMount(() => {
@@ -80,10 +81,10 @@
             <NewsletterIssue size="large" date={latestIssue.date_sent} {...latestIssue} />
         </div>
 
-        {#if data.issues.length > 1}
+        {#if issues.length > 1}
             <h2 class="title-small">Past Issues</h2>
             <ul>
-                {#each data.issues.slice(1) as { issue, title, date_sent: date, link, thumbnail }}
+                {#each issues.slice(1) as { issue, title, date_sent: date, link, thumbnail }}
                     <li class="issue-container">
                         <NewsletterIssue {issue} {title} {link} {thumbnail} {date} />
                     </li>