title: problems with Vuex data rendering
body: <p>I'm studying reactivity of vuex using nuxt and module mode of store. The problem is, that despite all data in store is changed by actions => mutations successfully, they do not appear on the page, and shows only empty new element of store array. here are my files:</p>
  
  <p>store>contacts>index.js:</p>
  
  <pre><code>let initialData = [
    {
      id: 1,
      name: 'Michael',
      email: 'michael.s@mail.com',
      message: 'message from Michael'
    },
    {
      id: 2,
      name: 'Mark',
      email: 'mark.sh@email.com',
      message: 'message from Mark'
    },
    {
      id: 3,
      name: 'Valery',
      email: 'valery.sh@mail.com',
      message: 'message from Valery'
    }
  ]
  const state = () =&gt;{
    return {
      contacts: []
    }
  }
  const getters = {
    allContacts (state) {
      return state.contacts
    }
  }
  
  const actions = {
    async initializeData({ commit }) {
      commit('setData', initialData)
    },
    addNewContact({ commit, state }, newContact) {
      commit('addContact', newContact)
    }
  }
  
  const mutations = {
    setData: (state, contacts) =&gt; (state.contacts = contacts),
    addContact: (state, newContact) =&gt; state.contacts.push(newContact)
  }
  
  
  export default { state, getters, mutations, actions}
  
  </code></pre>
  
  <p>component itself:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="contact-form"&gt;
      &lt;div class="links"&gt;
        &lt;nuxt-link to="/"&gt;home&lt;/nuxt-link&gt;
        &lt;nuxt-link to="/contact-form"&gt;contact form&lt;/nuxt-link&gt;
      &lt;/div&gt;
      &lt;h1&gt;leave your contacts and message here:&lt;/h1&gt;
      &lt;div class="input-wrapper"&gt;
        &lt;form class="feedback-form" action=""&gt;
          &lt;div class="name"&gt;
            &lt;label for="recipient-name" class="col-form-label"&gt;Ваше имя:&lt;/label&gt;
            &lt;input type="text" id="recipient-name" v-model="obj.userName" name="name" class="form-control" placeholder="Представьтесь, пожалуйста"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="recipient-mail" class="col-form-label"&gt;Ваш email:&lt;/label&gt;
            &lt;input type="email" v-model="obj.userEmail"  name="email" id="recipient-mail" class="form-control" placeholder="example@mail.ru"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="message-text" class="col-form-label"&gt;Сообщение:&lt;/label&gt;
            &lt;textarea name="message" v-model="obj.userMessage" id="message-text" class="form-control"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;button @click.prevent="addToStore()" type="submit"&gt;submit&lt;/button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
      &lt;h3&gt;list of contacts&lt;/h3&gt;
      &lt;div class="contacts-list"&gt;
        &lt;div class="list-element" v-for="contact in allContacts" :key="contact.id"&gt;
          id: {{contact.id}} &lt;br&gt; name: {{contact.name}}&lt;br/&gt; email: {{contact.email}}&lt;br/&gt; message: {{contact.message}}
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/template&gt;
  &lt;script&gt;
    import { mapMutations, mapGetters, mapActions } from 'vuex'
    export default {
      data() {
        return {
          obj: {
            userName: '',
            userEmail: '',
            userMessage: ''
          }
        }
      },
     mounted() {
       console.log(this.showGetters)
     },
      created() {
         this.initializeData()
      },
      methods: {
        ...mapActions({
          initializeData: 'contacts/initializeData',
          addNewContact: 'contacts/addNewContact'
        }),
        addToStore() {
          this.addNewContact(this.obj)
        },
      },
      computed: {
        ...mapGetters({
          allContacts: 'contacts/allContacts',
        }),
        showGetters () {
          return this.allContacts
        }
  
      },
  
    }
  &lt;/script&gt;
  
  
  </code></pre>
  
  <p>so, could anybody help to understand, what is wrong?</p>