Nuxt.js:nuxt/axiosでレスポンスが404だった時に、URLを遷移させずにエラーページを表示させたい

Question

Nuxt.jsのプロジェクトにおいて、Vuex + nuxt/axios(https://github.com/nuxt-community/axios-module)を用いてAPIとの通信を行なっています。
以下はその例です。

async fetchPost({ commit, dispatch }, { id }) {
    await this.$axios.$get(`/v2/post/${id}`).then(res => {
      commit('setPost', res)
    })
  },

APIからのレスポンスが404だった場合、https://axios.nuxtjs.org/extendを参考に当初は以下のように`plugins/axios.js`を実装していました

export default function({ $axios, redirect, error }) {
  $axios.onError(err => {
    const code = parseInt(err.response && err.response.status)
    if (code === 404) {
      redirect('/404')
    } else {
      redirect('/error')
    }
  })
}

しかし、この場合だとURLの遷移が発生してしまうため、以下のように実装を変更しました

export default function({ $axios, redirect, error }) {
  $axios.onError(err => {
    const code = parseInt(err.response && err.response.status)
    if (code === 404) {
      error({ statusCode: 404, message: 'Page not found' })
      return
    } else {
      redirect('/error')
    }
  })
}

ところが、この場合だと、axiosのレスポンスが404の場合、Request failed with status code 404というエラーが表示されるようになってしまいました。
どのように対処すれば良いでしょうか？
ちなみに、ルーティングとして設定していないページの場合だとURLの遷移が発生しない&404ページが表示されるという期待通りの挙動をしてくれています。