api calls implemented

TODO.md

@@ -2,8 +2,7 @@
 * Galleries - title not distinguishable on light images
 * Galleries - navigation icons not obvious enough with light background thumbs
 * Galleries - thumbs on desktop - way to make them stand out aginst the image
-* Galleries - sort thumbs by sort_order
+* General - sort things by sort_order
-* API
 * mailer
 * remove testing/dev mode or whatever its called from axios in nuxt.config.js
 

pages/about.vue

@@ -55,10 +55,9 @@ export default {
     }
   },
 
-  asyncData () {
+  async asyncData ({ $axios }) {
-    return new Promise ((resolve, reject) => {
+    const { imageUrl } = await $axios.$get('/api/v1/page/about')
-      resolve({ imageUrl: "https://via.placeholder.com/1920x1080" })
+    return { imageUrl }
-    })
   },
 
 }

pages/contact.vue

@@ -161,10 +161,9 @@ export default {
     },
   },
 
-  asyncData () {
+  async asyncData ({ $axios }) {
-    return new Promise ((resolve, reject) => {
+    const { imageUrl } = await $axios.$get('/api/v1/page/about')
-      resolve({ imageUrl: "https://via.placeholder.com/1920x1080" })
+    return { imageUrl }
-    })
   },
 }
 </script>

store/navigation.js

@@ -3,18 +3,6 @@ export const state = () => ({
   socialNav: [],
 })
 
-// export const actions = {
-//   load ({ commit }) {
-//     return new Promise(resolve => {
-//       setTimeout(() => {
-//         commit('updateSiteNav', SITE_NAV)
-//         commit('updateSocialNav', SOCIAL_NAV)
-//         resolve()
-//       }, 300)
-//     })
-//   }
-// }
-//
 export const getters = {
   siteNav: state => {
     return state.siteNav