example: Add head titles

examples/layout-transitions/pages/about.vue

@@ -8,6 +8,9 @@
 <script>
 export default {
   layout: 'secondary',
-  transition: 'bounce'
+  transition: 'bounce',
+  head: {
+    title: 'About'
+  }
 }
 </script>

examples/layout-transitions/pages/index.vue

@@ -6,3 +6,11 @@
     <p><nuxt-link to="/users-2">Lists of users #2 (with `watch`)</nuxt-link></p>
   </div>
 </template>
+
+<script>
+export default {
+  head: {
+    title: 'Home'
+  }
+}
+</script>

examples/layout-transitions/pages/users-2.vue

@@ -50,6 +50,9 @@ export default {
     getTransitionName(newPage) {
       return newPage < this.page ? 'slide-right' : 'slide-left'
     }
+  },
+  head: {
+    title: 'Users #2'
   }
 }
 </script>

examples/layout-transitions/pages/users.vue

@@ -36,6 +36,9 @@ export default {
       totalPages: data.total_pages,
       users: data.data
     }
+  },
+  head: {
+    title: 'Users'
   }
 }
 </script>