Enhance password input in Login.vue to toggle visibility and update mix-manifest.json for app.js hash

Author: laravelwebdev

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=99b12bb9abfb364d448985b5a096b42d",
+    "/app.js": "/app.js?id=e9302d28af35de496929c7d89f1c890c",
     "/ui.js": "/ui.js?id=592866a715b1c20b43fff6ca7980b279",
     "/manifest.js": "/manifest.js?id=3267e5c99fd7b729e2f38ec55b50397d",
     "/app.css": "/app.css?id=0864a7b81f5021e62095c1bd570dedb5",

public/mix-manifest.json

@@ -33,19 +33,22 @@
 
       <div class="mb-6">
         <label class="block mb-2" for="password">{{ __('Password') }}</label>
-        <input
-          v-model="form.password"
-          class="w-full form-control form-input form-control-bordered"
-          :class="{
-            'form-control-bordered-error': form.errors.has('password'),
-          }"
-          id="password"
-          type="password"
-          name="password"
-          autocomplete="current-password"
-          required
-        />
-
+            <div class="flex items-center">
+            <input
+              v-model="form.password"
+              class="w-full form-control form-input form-control-bordered"
+              :class="{
+              'form-control-bordered-error': form.errors.has('password'),
+              }"
+              id="password"
+              :type="showPassword ? 'text' : 'password'"
+              name="password"
+              autocomplete="current-password"
+              required
+            />
+            <Button variant="outline" :icon="showPassword ? 'eye-slash' : 'eye'" @click="togglePasswordVisibility" class="ml-1">
+            </Button>
+            </div>
         <HelpText class="mt-2 text-red-500" v-if="form.errors.has('password')">
           {{ form.errors.first('password') }}
         </HelpText>
@@ -125,10 +128,16 @@ export default {
         year: new Date().getFullYear(),
         remember: false,
       }),
+        showPassword: false,
     }
   },
 
   methods: {
+
+    togglePasswordVisibility() {
+      this.showPassword = !this.showPassword
+    },
+
     async attempt() {
       try {
         const { redirect, two_factor } = await this.form.post(