From 37eb527ecbbc2e21219e1023e26377653393e4f1 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Mon, 4 Feb 2019 11:53:23 +0000
Subject: [PATCH] data mopved into asyncData() method

---
 pages/contact.vue  |  8 +++++-
 pages/services.vue | 70 ++++++++++++++++++++++++++--------------------
 2 files changed, 46 insertions(+), 32 deletions(-)

diff --git a/pages/contact.vue b/pages/contact.vue
index a5a5b3b..0b582be 100644
--- a/pages/contact.vue
+++ b/pages/contact.vue
@@ -69,7 +69,7 @@
 
     <BackgroundImageLoader slot="background"
                            class="background"
-                           image-url="https://via.placeholder.com/1920x1080"
+                           :image-url="imageUrl"
     >
       <div slot="overlay" class="background-tint background-overlay"></div>
     </BackgroundImageLoader>
@@ -156,6 +156,12 @@ export default {
       }, 1000)
     },
   },
+
+  asyncData () {
+    return new Promise ((resolve, reject) => {
+      resolve({ imageUrl: "https://via.placeholder.com/1920x1080" })
+    })
+  },
 }
 </script>
 
diff --git a/pages/services.vue b/pages/services.vue
index 2520e15..de047cc 100644
--- a/pages/services.vue
+++ b/pages/services.vue
@@ -9,7 +9,7 @@
     </BackgroundImagePreloader>
     <BackgroundImageLoader v-else slot="background"
                            class="background"
-                           image-url="https://via.placeholder.com/1920x1080"
+                           :image-url="imageUrl"
     >
       <div slot="overlay" class="background-tint background preloader-overlay"></div>
     </BackgroundImageLoader>
@@ -55,36 +55,6 @@ export default {
     return {
       showPreloaderBackground: false,
       activeIndex: 0,
-      services: [
-        {
-          'heading': 'Portraits',
-          'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
-          'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
-          'html': '<p>Corporate portraits and publicity photos for printed materials, including annual reports and newsletters.</p>',
-          'linkUrl': 'galleries?gallery=0',
-        },
-        {
-          'heading': 'Dance',
-          'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
-          'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
-          'html': '<p>Photography and video production of dancers and performances for print, web, and promotion.</p>',
-          'linkUrl': 'galleries?gallery=1',
-        },
-        {
-          'heading': 'Music',
-          'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
-          'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
-          'html': '<p>Photography and video of musical performances and portraits for print and the web, CD covers, and publicity photos.</p>',
-          'linkUrl': 'galleries?gallery=2',
-        },
-        {
-          'heading': 'Events',
-          'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
-          'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
-          'html': '<p>Photography and video production for your corporate, organisational and personal events and celebrations.</p>',
-          'linkUrl': 'galleries?gallery=3',
-        },
-      ]
     }
   },
 
@@ -111,6 +81,44 @@ export default {
       this.activeIndex = index
     },
   },
+
+  asyncData () {
+    return new Promise((resolve, reject) => {
+      resolve({
+        imageUrl: "https://via.placeholder.com/1920x1080",
+        services: [
+          {
+            'heading': 'Portraits',
+            'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
+            'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
+            'html': '<p>Corporate portraits and publicity photos for printed materials, including annual reports and newsletters.</p>',
+            'linkUrl': 'galleries?gallery=0',
+          },
+          {
+            'heading': 'Dance',
+            'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
+            'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
+            'html': '<p>Photography and video production of dancers and performances for print, web, and promotion.</p>',
+            'linkUrl': 'galleries?gallery=1',
+          },
+          {
+            'heading': 'Music',
+            'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
+            'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
+            'html': '<p>Photography and video of musical performances and portraits for print and the web, CD covers, and publicity photos.</p>',
+            'linkUrl': 'galleries?gallery=2',
+          },
+          {
+            'heading': 'Events',
+            'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
+            'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
+            'html': '<p>Photography and video production for your corporate, organisational and personal events and celebrations.</p>',
+            'linkUrl': 'galleries?gallery=3',
+          },
+        ]
+      })
+    })
+  },
 }
 </script>