From 93f3082c438bae38e20bda537f4c4f63c2df54c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@chopin.io>
Date: Wed, 17 Jan 2018 09:38:11 +0100
Subject: [PATCH] example: Add head titles

---
 examples/layout-transitions/pages/about.vue   | 5 ++++-
 examples/layout-transitions/pages/index.vue   | 8 ++++++++
 examples/layout-transitions/pages/users-2.vue | 3 +++
 examples/layout-transitions/pages/users.vue   | 3 +++
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/examples/layout-transitions/pages/about.vue b/examples/layout-transitions/pages/about.vue
index 0ec094454f..1fc62cb777 100644
--- a/examples/layout-transitions/pages/about.vue
+++ b/examples/layout-transitions/pages/about.vue
@@ -8,6 +8,9 @@
 <script>
 export default {
   layout: 'secondary',
-  transition: 'bounce'
+  transition: 'bounce',
+  head: {
+    title: 'About'
+  }
 }
 </script>
diff --git a/examples/layout-transitions/pages/index.vue b/examples/layout-transitions/pages/index.vue
index 9b8b4fefa5..ff834a5104 100644
--- a/examples/layout-transitions/pages/index.vue
+++ b/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>
diff --git a/examples/layout-transitions/pages/users-2.vue b/examples/layout-transitions/pages/users-2.vue
index e1a038e0f1..9de2857824 100644
--- a/examples/layout-transitions/pages/users-2.vue
+++ b/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>
diff --git a/examples/layout-transitions/pages/users.vue b/examples/layout-transitions/pages/users.vue
index f7399382cf..bc44d5bc33 100644
--- a/examples/layout-transitions/pages/users.vue
+++ b/examples/layout-transitions/pages/users.vue
@@ -36,6 +36,9 @@ export default {
       totalPages: data.total_pages,
       users: data.data
     }
+  },
+  head: {
+    title: 'Users'
   }
 }
 </script>