From d7cab1f013de9180e384fbaa6c9cd8f236a413a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Thu, 18 Aug 2022 23:23:57 +0200
Subject: [PATCH] Destructurate page data

---
 src/routes/+page.svelte           | 3 ++-
 src/routes/credits/+page.svelte   | 9 +++++----
 src/routes/subscribe/+page.svelte | 7 ++++---
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9e2983c..4bba5e8 100644
--- a/src/routes/+page.svelte
+++ b/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">
diff --git a/src/routes/credits/+page.svelte b/src/routes/credits/+page.svelte
index 77b4af7..ff22794 100644
--- a/src/routes/credits/+page.svelte
+++ b/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>
diff --git a/src/routes/subscribe/+page.svelte b/src/routes/subscribe/+page.svelte
index ce39c19..7df3b42 100644
--- a/src/routes/subscribe/+page.svelte
+++ b/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>