Bring funny titles back! (vuejs#1020)

* Bring funny titles back on konami code

* Update beforeUnmount to beforeDestroy in team konami code

Author: nickmessing

src/v2/guide/team.md

@@ -15,6 +15,7 @@ order: 31
     <div class="profile">
       <h3 :data-official-title="profile.title">
         {{ profile.name }}
+        <sup v-if="profile.title && titleVisible" v-html="profile.title"></sup>
       </h3>
       <dl>
         <template v-if="profile.reposOfficial">
@@ -142,6 +143,7 @@ order: 31
       v-for="profile in sortedTeam"
       :key="profile.github"
       :profile="profile"
+      :title-visible="titleVisible"
     ></vuer-profile>
   </div>
 
@@ -181,6 +183,7 @@ order: 31
       v-for="profile in sortedPartners"
       :key="profile.github"
       :profile="profile"
+      :title-visible="titleVisible"
     ></vuer-profile>
   </div>
 </div>
@@ -724,7 +727,8 @@ order: 31
   Vue.component('vuer-profile', {
     template: '#vuer-profile-template',
     props: {
-      profile: Object
+      profile: Object,
+      titleVisible: Boolean
     },
     computed: {
       workHtml: function () {
@@ -828,14 +832,21 @@ order: 31
       isSorting: false,
       errorGettingLocation: false,
       userPosition: null,
-      useMiles: false
+      useMiles: false,
+      konami: {
+        position: 0,
+        code: [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]
+      }
     },
     computed: {
       sortedTeam: function () {
         return this.sortVuersByDistance(this.team)
       },
       sortedPartners: function () {
         return this.sortVuersByDistance(this.partners)
+      },
+      titleVisible: function () {
+        return this.konami.code.length === this.konami.position
       }
     },
     created: function () {
@@ -849,7 +860,11 @@ order: 31
           this.useMiles = true
         }
       }
+      document.addEventListener('keydown', this.konamiKeydown)
     },
+    beforeDestroy: function () {
+      document.removeEventListener('keydown', this.konamiKeydown)
+    }
     methods: {
       getUserPosition: function () {
         var vm = this
@@ -890,6 +905,15 @@ order: 31
           )
         })
         return vuersWithDistances
+      },
+      konamiKeydown: function (event) {
+        if (this.titleVisible) {
+          return
+        }
+
+        if (event.keyCode !== this.konami.code[this.konami.position++]) {
+          this.konami.position = 0
+        }
       }
     }
   })