⚡️update package vue 2.5.16 ,vuetify 1.0.14 ,firebase 4.12.1 etc.. & change login success

Author: aofdev

package.json

@@ -11,11 +11,11 @@
     "lint": "eslint --ext .js,.vue src"
   },
   "dependencies": {
-    "firebase": "^4.4.0",
-    "vue": "^2.3.3",
-    "vue-router": "^2.3.1",
-    "vuetify": "^0.15.7",
-    "vuex": "^2.4.0"
+    "firebase": "^4.12.1",
+    "vue": "^2.5.16",
+    "vue-router": "^2.8.1",
+    "vuetify": "^1.0.14",
+    "vuex": "^2.5.0"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-navigation-drawer temporary v-model="sideNav">
+    <v-navigation-drawer fixed temporary v-model="sideNav">
       <v-list>
         <v-list-tile
           v-for="item in menuItems"
@@ -26,7 +26,7 @@
         @click.stop="sideNav = !sideNav"
         class="hidden-sm-and-up "></v-toolbar-side-icon>
       <v-toolbar-title>
-        <router-link to="/" tag="span" style="cursor: pointer">Firebase Auth</router-link>
+        <router-link to="/" tag="span" style="cursor: pointer">Firebase Auth Vuex</router-link>
       </v-toolbar-title>
       <v-spacer></v-spacer>
       <v-toolbar-items class="hidden-xs-only">

src/components/User/Profile.vue

@@ -3,14 +3,15 @@
   <v-layout>
     <v-flex xs12 sm6 offset-sm3>
       <v-card>
-        <v-card-title primary-title>
+        <v-card-text>
           <div class="text-md-center">
-            <h2>Login Success</h2>
-            <h4 class="headline mb-0">{{ user.name }}</h4>
-            <h4 class="headline mb-0">{{ user.email }}</h4>
+            <v-icon large color="green darken-2">check_circle</v-icon>
+              <h1 class="green--text">Login Success</h1>
+              <h4 class="headline mb-0"><b class="red--text">Name :</b> {{ user.name }}</h4>
+              <h4 class="headline mb-0"><b class="red--text">Email :</b> {{ user.email }}</h4>
           </div>
-        </v-card-title>
-      </v-card>
+        </v-card-text>
+     </v-card>
     </v-flex>
   </v-layout>
   </v-container>

src/components/User/Signin.vue

@@ -15,7 +15,7 @@
                   <v-flex xs12>
                     <v-text-field
                       name="email"
-                      label="Mail"
+                      label="Email"
                       id="email"
                       v-model="email"
                       type="email"
@@ -45,15 +45,15 @@
                     </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round class="red" dark :disabled="loading" :loading="loading" @click.prevent="onSigninGoogle">Login with Google
+                      <v-btn round color="red" dark :disabled="loading" :loading="loading" @click.prevent="onSigninGoogle">Login with Google
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>
                        </span>
                       </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round primary dark :disabled="loading" :loading="loading" @click.prevent="onSigninFacebook">Login with Facebook
+                      <v-btn round color="primary" dark :disabled="loading" :loading="loading" @click.prevent="onSigninFacebook">Login with Facebook
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>
@@ -69,7 +69,7 @@
                       </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round info dark :disabled="loading" :loading="loading" @click.prevent="onSigninTwitter">Login with Twitter
+                      <v-btn round color="info" dark :disabled="loading" :loading="loading" @click.prevent="onSigninTwitter">Login with Twitter
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>

src/components/User/Signup.vue

@@ -15,7 +15,7 @@
                   <v-flex xs12>
                     <v-text-field
                       name="email"
-                      label="Mail"
+                      label="Email"
                       id="email"
                       v-model="email"
                       type="email"
@@ -56,15 +56,15 @@
                     </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round class="red" dark :disabled="loading" :loading="loading" @click.prevent="onSigninGoogle">Login with Google
+                      <v-btn round color="red" dark :disabled="loading" :loading="loading" @click.prevent="onSigninGoogle">Login with Google
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>
                        </span>
                       </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round primary dark :disabled="loading" :loading="loading" @click.prevent="onSigninFacebook">Login with Facebook
+                      <v-btn round color="primary" dark :disabled="loading" :loading="loading" @click.prevent="onSigninFacebook">Login with Facebook
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>
@@ -80,7 +80,7 @@
                       </v-btn>
                     </div>
                     <div class="text-xs-center">
-                      <v-btn round info dark :disabled="loading" :loading="loading" @click.prevent="onSigninTwitter">Login with Twitter
+                      <v-btn round color="info" dark :disabled="loading" :loading="loading" @click.prevent="onSigninTwitter">Login with Twitter
                         <v-icon right dark>lock_open</v-icon>
                         <span slot="loader" class="custom-loader">
                         <v-icon light>cached</v-icon>