Update to vue-auth (@websanova) v.3

Author: Yurich84

package.json

@@ -12,7 +12,7 @@
     "devDependencies": {},
     "dependencies": {
         "@fortawesome/fontawesome-free": "5.14.0",
-        "@websanova/vue-auth": "^2.21.14-beta",
+        "@websanova/vue-auth": "3.3.1",
         "axios": "^0.19.2",
         "bootstrap": "4.5.2",
         "cross-env": "^7.0.2",

resources/js/bootstrap/auth.js

@@ -25,12 +25,12 @@ axios.interceptors.response.use(response => response, error => {
 })
 
 Vue.use(VueAuth, {
-    auth:           require('@websanova/vue-auth/drivers/auth/bearer.js'),
-    http:           require('@websanova/vue-auth/drivers/http/axios.1.x.js'),
-    router:         require('@websanova/vue-auth/drivers/router/vue-router.2.x.js'),
-    loginData:      { url: process.env.MIX_API_ENDPOINT + 'auth/login' },
-    logoutData:     { url: process.env.MIX_API_ENDPOINT + 'auth/logout', redirect: '/login' },
-    registerData:   { url: process.env.MIX_API_ENDPOINT + 'auth/register', method: 'POST'},
+    auth:           require('@websanova/vue-auth/dist/drivers/auth/bearer.js'),
+    http:           require('@websanova/vue-auth/dist/drivers/http/axios.1.x.js'),
+    router:         require('@websanova/vue-auth/dist/drivers/router/vue-router.2.x.js'),
+    loginData:      { url: process.env.MIX_API_ENDPOINT + 'auth/login', redirect: '/admin/' },
+    logoutData:     { url: process.env.MIX_API_ENDPOINT + 'auth/logout', redirect: '/login', makeRequest: true },
+    registerData:   { url: process.env.MIX_API_ENDPOINT + 'auth/register', method: 'POST', redirect: '/login' },
     fetchData:      { url: process.env.MIX_API_ENDPOINT + 'auth/me', method: 'POST' },
     refreshData:    { enabled: false },
 });

resources/js/modules/auth/components/Login.vue

@@ -18,19 +18,18 @@
         },
         methods: {
             onSubmit(loginData) {
-                const self = this;
-                this.$auth.login({
-                    data: loginData,
-                    redirect: {name: 'Dashboard'},
-                    success: response => {
-                        self.loading = false;
-                    },
-                    error: error => {
+                this.loading = true
+                this.$auth
+                    .login({
+                        data: loginData,
+                    })
+                    .then(() => {
+                        // success
+                    }, error => {
                         if (error.response.status === 422)
                             this.authErrors = error.response.data.errors
-                        self.loading = false;
-                    },
-                })
+                    })
+                    .finally(() => this.loading = false);
             }
         }
     }

resources/js/modules/auth/components/Register.vue

@@ -20,27 +20,22 @@
         },
         methods: {
             onSubmit(signUpFormData) {
-                const self = this;
-                this.loading = true;
-                this.$auth.register({
-                    data: signUpFormData,
-                    redirect: {name: ROUTE_LOGIN},
-                    success: function (response) {
-                        self.loading = false;
+                this.$auth
+                    .register({
+                        data: signUpFormData,
+                    })
+                    .then(response => {
                         if(response.data.status) {
                             this.$message.success(response.data.status)
                         } else {
                             this.$message.success(this.$t('auth.register.success'))
                         }
-                    },
-                    error: function (error) {
+                    }, error => {
                         if (error.response.status === 422)
                             this.authErrors = error.response.data.errors
-                        self.loading = false
-                    },
-                })
+                    })
+                    .finally(() => this.loading = false);;
             },
-
         }
     }
 </script>

tests/Browser/LoginTest.php

@@ -19,21 +19,12 @@ public function login_with_valid_credentials()
             $browser->visit(new Login)
                 ->submit($user->email, 'password')
                 ->assertPageIs(Admin::class);
-        });
-    }
-
-    /** @test */
-    public function log_out_the_user()
-    {
-        $user = User::factory()->create();
 
-        $this->browse(function ($browser) use ($user) {
-            $browser->visit(new Login)
-                ->submit($user->email, 'password')
-                ->visit(new Admin)
+            $browser->visit(new Admin)
                 ->clickLogout()
                 ->assertPageIs(Login::class);
         });
+
     }
 
 

yarn.lock

@@ -966,10 +966,10 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
-"@websanova/vue-auth@^2.21.14-beta":
-  version "2.21.14-beta"
-  resolved "https://registry.yarnpkg.com/@websanova/vue-auth/-/vue-auth-2.21.14-beta.tgz#315c24c5ab4c560a46d832cb1f5a702d054a1dc7"
-  integrity sha512-p2ahPPxhjknbwOWd+JAIZwqcZY9L1J8l0fYAH6tbIKz+CktvKtGlv4LeNPDtZQQF6ByWXdU1XQ/XFOwyDNjCkQ==
+"@websanova/vue-auth@3.3.1":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@websanova/vue-auth/-/vue-auth-3.3.1.tgz#69de455ff6f4922745e4eb1c5763d15872e3cb38"
+  integrity sha512-Yt5Yi7NQ9UOD2MdlPtu5FzVZ8oJOFnMIEgYnvnqLETEjxLcw9BUROdFBehkZQas91beAwLkKumshqSYP2xePcg==
 
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"