如何使nuxt-link触发plugins中的路由守卫

Question

这是nuxt中的路由守卫

export default ({ app }) => {
  app.router.beforeEach(async (to, from, next) => {
    console.log('路由守卫开')
    next();
  });

  app.router.afterEach(route => {
    console.log('路由守卫关')
  });
}

当页面刷新的时候路由守卫却会触发，但当我用nuxt-link执行跳转的时候路由守卫却没有经过

<nuxt-link to="/teahouse">
    <div>🍵</div>
</nuxt-link>

下图是刷新时候的路由守卫

想问一下如何操作