Nuxt.js passport、vuex-persistedstateを使ったログイン認証でリロードするとミドルウェア時に読み込めていない

 前提・実現したいこと

nuxt-community/express-template
Vue v2
express v4

ページ遷移だけでなくリロードでもMiddlewareを読み込むタイミングでストア情報を使いたい
or
Middlewareにストアを使わないでログインを確かめる方法があればそれでも良い

 発生している問題

nuxt.jsを使う時にlocalStorageでstoreを永続化するを使用し、ログイン情報をStoreに保存し、ページをまたいでも、リロードしてもストアの情報が保存されていることが確認できた

Middlewareにてログインされていない、または権限が足りていない場合、ページにアクセスした際に401にリダイレクトorログインページにリダイレクトをする処理を追加した
この時、ページ遷移では問題ないが、ブラウザリロード時にMiddlewareが読み込まれている時点ではlocalStorageからstoreにデータが入っていないようで、必ずリダイレクトしてしまう

 該当のソースコード

// middleware/redirectIfNotLogin.js
export default function ({ store, redirect }) {
    // ログインしていない場合リダイレクト
    if (!store.state.auth.loginUser) {
        return redirect({name: 'auth'})
    }
}

// plugins/persisted-state.js
import createPersistedState from 'vuex-persistedstate'

export default ({store, isHMR}) => {
    if (isHMR) return

    if (process.client) {
        window.onNuxtReady((nuxt) => {
            createPersistedState()(store)
        })
    }
}

// store/auth.js
export const state = () => ({
    loginUser: null
})

export const mutations = {
    /**
     * @param {object} user
     */
    SET_USER: function (state, user) {
        state.loginUser = user
    }
}

export const actions = {
    nuxtServerInit ({commit}, {req}) {
        if (req.session && req.session.loginUser) {
            commit('SET_USER', req.session.loginUser)
        }
    },
    login ({commit}, {email, password}) {
        return fetch('/api/auth/login', {
            credentials: 'same-origin',
            method     : 'POST',
            headers    : {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                email,
                password
            })
        }).then((res) => {
            if (res.status === 401) {
                throw new Error('Email address、Passwordが違います。')
            }
            else {
                return res.json()
            }
        }).then((loginUser) => {
            commit('SET_USER', loginUser)
        })
    },
    logout ({commit}) {
        return fetch('/api/auth/logout', {
            credentials: 'same-origin',
            method     : 'POST'
        }).then(() => {
            commit('SET_USER', null)
        })
    }
}

// nuxt.config.js
...
    plugins: [
        { src: '~plugins/persisted-state.js', ssr: false }
    ],
    mode: 'spa'
...

// express api server
import { Router } from 'express'
import passport from './passport'

const router = Router()

router.post('/auth/login', function (req, res, next) {
    passport.authenticate('local', function (err, user, info) {
        if (err) {
            return res.status(401).send(err)
        }
        if (!user) {
            return res.status(401).send()
        }
        req.session.loginUser = {
            id    : user.id,
            role  : user.role
        }
        req.logIn(user, function (err) {
            if (err) {
                return res.json(err)
            }
            return res.json({
                id    : user.id,
                role  : user.role
            })
        })
    })(req, res, next)
})

router.post('/auth/logout', function (req, res) {
    delete req.session.loginUser
    res.json({ ok: true })
})

export default router