vuex gettersの更新が終わったら画面遷移したい

Question

状況

現在vuexのgettersにcheckメソッドというのがありそこに認証済みか否かの状態をtrueかfalseで持っています。
（ stateのuserはデフォルトではnullが入っておりログインした場合にだけユーザーのデータが入る仕様になっております ）
※バックエンドはLaravelにて制作しております

const state = {
    user: null
};

const getters = {
    check: state => !! state.user,
};

const mutations = {
    setUser (state, user) {
        state.user = user
    }
};
const actions = {
    async login (context, data) {
        await context.commit('setUser', data)
    }
};

そのcheckメソッドの値を参照して仮にfalseの状態で'/login'以外のページにアクセスされた場合は'/login'に移動させたくて下記の様にしました

router.beforeEach((to, from, next) => {
    //ログインしていない場合
   if (store.getters['auth/check'] === false) {
       if (to.path == '/login') {
         next()
       }
       else {
           next('/login');
       }

   }
});

export default router

これで制限をかけることには成功したのですが新たな問題が一つ発生しまして、下記の様にログインに成功した場合先程のstoreにて
state.userの情報を更新しgetters.checkがtrueになりその後'/home'に遷移するようにしたいのですがこのページ遷移までも
ガードされてしまいます。。

 data() {
            return {
                email: '',
                password: '',
            }
        },
  methods: {
            login: function () {
                const self = this;

                axios.post('/login', {
                    email: this.email,
                    password: this.password,
                })
                    .then(function (response) {
                        self.$store.dispatch('auth/login', response.data);
                        self.$router.push('/home');
                    })
                    .catch(function (error) {
                     
                    });
            },
        },

で自分なりに考えたんですがログインしてからgetters.checkがtrueになる前にページ遷移が発生しておりそれでガードされてしまっているのでは無いかなと考えました。

試した事

先程載せたlogin.vueをasync awaitの形で書き換えてみましたがだめでした

async login() {
                const self = this;

                const params = {
                    email: this.email,
                    password: this.password,
                };

                try {
                    const response = await axios.post('/login', params );

                    await self.$store.dispatch('auth/login', response.data);
                    await self.$router.push('/home');
                }catch (error) {
                    
                }
             }

足りない情報等ありましたら追記致しますのでよろしくお願いいたします。

Answer 1

router.beforeEach((to, from, next) => {
    //ログインしていない場合
   if (store.getters['auth/check'] === false) {
       if (to.path == '/login') {
         next()
       }
       else {
           next('/login');
       }
   }
   else {
      next() //追加
   }
);

ログインしてた場合のelseを追加したら期待通りの挙動になりました