added correct page titles

TODO.md

@@ -3,7 +3,8 @@
   - also transitioning elements in when page loads (especially gallery thumbs in gallery)
 * social nav items -> put in store or whatever
 * facebook/twitter social card thingies
-* page titles
+* favicon
+* page descriptions etc
 
 ## Services
 * background image for mobile

nuxt.config.js

@@ -12,6 +12,7 @@ module.exports = {
   */
   head: {
     title: pkg.name,
+    titleTemplate: 'Marc Leopold | %s',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },

pages/about.vue

@@ -37,17 +37,20 @@ import ContentPage from '@/components/ContentPage'
 import BackgroundImageLoader from '@/components/BackgroundImageLoader'
 
 export default {
-  name: 'HomePage',
+  name: 'AboutPage',
 
   components: {
     ContentPage,
     BackgroundImageLoader,
   },
 
-  data() {
+  head () {
     return {
+      title: 'About Me',
+      // TODO meta - hid, name, content
     }
-  }
+  },
+
 }
 </script>
 

pages/contact.vue

@@ -82,7 +82,7 @@ import { required, email } from 'vuelidate/lib/validators'
 import BackgroundImageLoader from '@/components/BackgroundImageLoader'
 
 export default {
-  name: 'HomePage',
+  name: 'ContactPage',
 
   components: {
     ContentPage,
@@ -107,6 +107,13 @@ export default {
     }
   },
 
+  head () {
+    return {
+      title: 'Contact Me',
+      // TODO meta - hid, name, content
+    }
+  },
+
   computed: {
     isDisabled () {
       return this.attemptedSubmit && this.$v.form.$invalid

pages/galleries.vue

@@ -7,7 +7,7 @@
 import GalleryPage from '@/components/GalleryPage'
 
 export default {
-  name: 'HomePage',
+  name: 'GalleriesPage',
 
   components: {
     GalleryPage
@@ -92,7 +92,15 @@ export default {
         },
       ] // galleries end
     }
-  }
+  },
+
+  head () {
+    return {
+      title: 'My Galleries',
+      // TODO meta - hid, name, content
+    }
+  },
+
 }
 </script>
 

pages/index.vue

@@ -72,6 +72,13 @@ export default {
     }
   },
 
+  head () {
+    return {
+      title: 'Home',
+      // TODO meta - hid, name, content
+    }
+  },
+
   mounted () {
     if (this.bgImages.length > 1) {
       this.setNextIndex()

pages/services.vue

@@ -43,7 +43,7 @@ import BackgroundImagePreloader from '@/components/BackgroundImagePreloader'
 import BackgroundImageLoader from '@/components/BackgroundImageLoader'
 
 export default {
-  name: 'HomePage',
+  name: 'ServicesPage',
 
   components: {
     ContentPage,
@@ -88,6 +88,13 @@ export default {
     }
   },
 
+  head () {
+    return {
+      title: 'My Services',
+      // TODO meta - hid, name, content
+    }
+  },
+
   computed: {
     backgroundImageUrls () {
       return this.services.map(el => el.backgroundImageUrl)