Vuexで管理しているstateをページをローディングしても保持したい

Question

Nuxt.jsでSlackのような絵文字入力を作っています。
絵文字入力はライブラリを使い、Vuexにinputsというstate名で保存してあります。
こちらの回答でwatchでstateの変更を検知してからdataに保存するとあるのですが、リンク先が表示されず。具体的にどのように実装すれば良いのかわからないです。

Emoji.vue

<script>
import EmojiPicker from 'vue-emoji-picker'
import { mapGetters } from "vuex"

export default {
    // data(){
    //     return {
    //         inputs: '',
    //         // search: '',
    //     }
    //     },
    components: {
      EmojiPicker,
    },

    computed: {
      ...mapGetters(["inputs", "search"])
    },

    mounted(){
      this.$store.watch(
        (state, getters) => state.inputs,
        // 変更を検知し、data()を変更するような処理？
      }
      )
    },

    methods :{
      insert(emoji){
        this.$store.dispatch('insertactions', emoji)
      }
    }
}


</script>

store.js

const state = {
    inputs: '',
    search: ''
};

const getters = {
    inputs: state => state.inputs,
    search: state => state.search

}

const mutations = {
    setinputs(state, inputs){
        state.inputs = inputs;
    },
    setsearch(state, search){
        state.search = search;
    }
};

const actions = {
    insertactions({ commit }, emoji){
        let inputs = '';
        inputs = inputs += emoji;
        // state.inputs = inputs;

        // console.log(state.inputs)


        commit("setinputs", inputs);

    }
};