fixed 401 and logout after password update

Author: tobischulz

resources/js/layouts/App.vue

@@ -13,12 +13,14 @@ export default {
     ...mapActions(useAuthStore, ['logout']),
   },
   mounted() {
-    axios.interceptors.response.use(function (response) {
+    axios.interceptors.response.use((response) => {
       return response;
-    }, function (error) {
+    }, (error) => {
+      console.error(error)
       if (error.response.status === 401 || error.response.status === 419) {
         if (error.response.data.message === 'CSRF token mismatch.') return
         this.logout()
+          .catch((error) => { console.error(error) })
         router.replace({ name: 'Login' })
       } else if (error.response.status === 403) {
         router.push({ name: 'VerifyEmail' })

resources/js/pages/auth/Login.vue

@@ -10,16 +10,15 @@
           </label>
           <input v-model="data.email"
             class="p-2 rounded-md shadow-sm bg-white border border-gray-300 text-gray-400 block mt-1 w-full" id="email"
-            type="email" name="email" required="required" autofocus="autofocus" value="[email protected]">
+            type="email" name="email" required="required" autofocus="autofocus">
         </div>
         <div class="mt-4">
           <label class="block font-medium text-sm text-gray-500" for="password">
             Password
           </label>
           <input v-model="data.password"
             class="p-2 rounded-md shadow-sm bg-white border border-gray-300 text-gray-400 focus:border-green-500 focus:ring focus:ring-green-500 focus:ring-opacity-50 block mt-1 w-full"
-            id="password" type="password" name="password" required="required" autocomplete="current-password"
-            value="password">
+            id="password" type="password" name="password" required="required" autocomplete="current-password">
         </div>
         <div v-if="errors" class="text-red-500 py-2 font-semibold">
           <span>{{ errors.message }}</span>