Vuex storeの中身を初期化したい

Question

タイトル通りです
router-linkでページ遷移時にstoreで定義しているデータ(tweet)を初期状態に戻すことはできますでしょうか？

###試したこと
stateに何か処理をするにはmutationsを使うと見たので、mutationsを使って初期化を試しましたがダメでした

####store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)


const store = new Vuex.Store({
  state: {
    currentPage: 1,
  },
  mutations: {
    increment(state) {
      state.currentPage = 1
    }
  }
})
export default store;

####.Vue
tweetには何かしらの値が入っているとします
router-linkをクリック時にstore.commit('increment')を発動させるようにしています

<router-link :to="{name: 'test'}" @click.native="reset()">

<script>
reset() {
  store.commit('increment')
}
</script>

Comments

[plasticgrammer]

試したというmutationsを使ったコードや、commit('increment')にて実行されるコードなどを、あわせて提示頂けないでしょうか。

[Meitoku]

ありがとうございます
store.commit('increment')にしてますが、storeが無いからだと思いました
ドキュメントではexport defaultではなく const store = になっていました
しかしexport defaultでなくては他のページで使えなくなってしまいます
どのようにすれば良いでしょうか？

[Meitoku]

すみません、読み違いでした

[Meitoku]

コード修正しました
現状これだけです

v-on handler: "ReferenceError: store is not defined"
が発生しているのでstoreが定義されていないと出てしまいます

Answer 1

this.$store.commit('increment')
で実行できました