ayanova/src/views/login.vue

@@ -23,7 +23,6 @@
                 prepend-icon="fa-user"
                 label="User"
                 autofocus
-                clearable
                 autocomplete="off"
                 autocorrect="off"
                 autocapitalize="off"
@@ -37,12 +36,13 @@
               <v-text-field
                 name="password"
                 v-model="input.password"
+                :append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
                 prepend-icon="fa-key"
                 label="Password"
-                type="password"
+                :type="reveal ? 'text' : 'password'"
-                clearable
                 :error="errorBadCreds"
                 v-on:keyup.enter="login"
+                @click:append-outer="reveal = !reveal"
               ></v-text-field>
             </v-col>
             <v-col cols="12" md="7" mt-1 class="text-center">
@@ -68,7 +68,8 @@ export default {
         username: "manager",
         password: "l3tm3in"
       },
-      errorBadCreds: false
+      errorBadCreds: false,
+      reveal: false
     };
   },
   created() {