fix(auth): start watching loggedIn state after current strategy is fully mounted (#80)

Author: Pooya Parsa

lib/core/auth.js

@@ -22,16 +22,7 @@ export default class Auth {
     this.$state = storage.state
   }
 
-  init () {
-    // Watch for loggedIn changes only in client side
-    if (process.browser) {
-      this.$storage.watchState('loggedIn', loggedIn => {
-        if (!routeOption(this.ctx.route, 'auth', false)) {
-          this.redirect(loggedIn ? 'home' : 'logout')
-        }
-      })
-    }
-
+  async init () {
     // Restore strategy
     this.$storage.syncUniversal('strategy', this.options.defaultStrategy)
 
@@ -46,7 +37,16 @@ export default class Auth {
     }
 
     // Call mounted for active strategy on initial load
-    return this.mounted()
+    await this.mounted()
+
+    // Watch for loggedIn changes only in client side
+    if (process.browser) {
+      this.$storage.watchState('loggedIn', loggedIn => {
+        if (!routeOption(this.ctx.route, 'auth', false)) {
+          this.redirect(loggedIn ? 'home' : 'logout')
+        }
+      })
+    }
   }
 
   // Backward compatibility