nuxt.jsでrouterにbeforeEachを追加してリダイレクトさせたい。

Question

やりたいこと

nuxt.jsをしようしてrouterでログインしているuserがいるかどうかでリダイレクトさせたいのですが、vue cliを使用していた時はrouter.jsが利用できたのですがnuxtでは自動で設定されるのでどのように記述すればよいのかご教授いただきたいです。

ためしたこと

ミドルウェアで app.router.beforeEachでstoreのactionでuserがいるかどうかを判定して、
getteresでuserの判定結果を取得しています。
しかしapp.router.beforeEach内が動いていないようです。
./router.jsに直接書きたいのですが自動で生成されてるので上書きされるのでは？
という不安があります。

コード

nuxt.config.js

  router: {middleware: 'authenticated'},

authenticated.js

export default async ({ app, store ,route }) => {
  await store.dispatch('changedUser');
  console.log('動いている');
  
  app.router.beforeEach((to, from,next) => {    
    console.log('動いていない');
    const getStateLogin = store.getters.getStateLogin;
    if (!getStateLogin){
      if( route.name != 'login' && route.name != 'signup' ){
        next('/login')
        }
    }
    if (getStateLogin && route.name === 'login') {
      next('/')
    }
    next()
  })

Answer 1

プラグインに記載することができました!

//nuxt.config.js
  plugins: [
    { src: '~/plugins/router.js' },
  ],

//router.js
export default(context) => {
  context.app.router.beforeEach((to, from, next)  => {
   next()
  })
}