updating latest tutorials

tutorials/events-app/src/views/Home.vue

@@ -10,7 +10,8 @@
             Make sure you check out the upcoming events below:
           </h2>
           <div class="button-block">
-            <button class="button is-xl is-dark">Sign Up to Browse Events</button>
+            <button v-if="!$auth.isAuthenticated" @click="login" class="button is-xl is-dark">Sign Up to Browse Events</button>
+            <h3 v-if="$auth.isAuthenticated" class="is-size-5 has-background-dark welcome">Welcome, {{ $auth.user.nickname }}!</h3>
           </div>
         </div>
       </div>
@@ -20,23 +21,17 @@
   </div>
 </template>
 <script>
-import Vue from 'vue'
-import vBlur from 'v-blur'
 import EventsList from '@/components/EventsList'
 
-Vue.use(vBlur)
-
 export default {
   name: 'home',
   components: {
     EventsList
   },
-  data: () => {
-    return {
-      isBlurred: true,
-      disableBlur: {
-        isBlurred: false,
-      }
+  methods : {
+    // Log the user in
+    login() {
+      this.$auth.loginWithRedirect();
     }
   }
 }
@@ -44,7 +39,6 @@ export default {
 <style lang="scss" scoped>
 .hero {
   text-align: center;
-  // background-image: url('https://cdn.auth0.com/blog/vue-meetup/event-banner.png');
   background-image: url('https://face4pets.files.wordpress.com/2018/01/shelter-data-1.jpg');
   background-size: cover;
   background-position: center;
@@ -72,6 +66,7 @@ export default {
   width: 100%;
   position: absolute;
   bottom: -150px;
+  color: white;
 
   .button {
     margin-right: 50px;