【Nuxt.js】getterが呼び出されない

Question

問題の詳細

Nuxtで以下のような挙動をするサービスを書いています

1. /examples/{id}にアクセスすると、fetch関数内でidを元にapiにリクエストを送り、データをstoreに格納する
2. ..mapGettersでstoreのstateに格納されたデータをcomputedで取得、画面上に表示する

具体的なコードは以下の通りです（都合上一部省略しております）

//examples/_id.vue

<template>
  <div>
    {{example}}
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
export default {
  async fetch({store, params}){
    await store.dispatch('example/fetch', route.params.id)
  },

  computed: {
    ...mapGetters('example', ['example'])
  }
}
</script>

//store/example.js
export const state = () => {
  example: {}
}

export const getters = {
  example: (state) => state.example
}

export const mutations = {
  setExample(state, payload) {
    state.example = payload
  },
}

export const actions = {
  /*
  idから該当のexampleを取得
  */
  async fetch({ commit }, id) {
    //http request的なコード　取得したexampleがデータ変数に入っている想定
    commit("setExample", data)
  },
}

ここで、以下のような操作をしたとき、example２のページにexample1のデータが表示されてしまいます

1. 各exampleへのリンクがあるtopページからexample/1にアクセス(このとき、example1のデータが正常に表示されている)
2. ブラウザバックして、topページに戻る
3. example2にアクセス（このときexample2のデータが表示されてほしいがなぜがexample1のデータが表示される）

また、特徴として、そのページでリロードを行うと、次から上記の挙動をした際に正常な表示がされます（すなわち、example/2のページにexample2のデータが表示されている）

試してみたこと

上記storeのgetterとmutationの関数内に、console.logを配置し、しっかりデータがとれているか（また関数が呼びダサえているか）を確認しました

結果、上記工程の3番において、getter関数が呼び出されていない（getter内のconsole.logが発火していない）ことがわかりました（mutaiton内のconsole.logは表示されており、取得されているデータもexample2のままでした）

質問したいこと

1. 上記のような動作で、getterが呼び出されていないのはなぜか
2. この状況を解決するためにはどうしたらよいか

以上、おわかりの方がいらっしゃればご教示お願いいたします