VuejsでStoreの更新をしたがDOMが更新されない

Question

質問概要

Vuejsファイルからアクションを実行し、Storeの更新をしたのですがDOMが更新されません。
gettersでstateを取得している場合は、DOMの更新が検知されないのでしょうか？
（初期値を登録するなどのなにか特別な方法がある？）

chromeのconsole.log内のVueタブを見ると、storeは更新されている様子です。

※関数名などは気になさらないでください。（抜粋していますので...）

ソースコード

storeファイル

import _ from 'lodash'
import api from '../../utils/axios'

const state = {
  projects: [
    {
      id: 0,
      title: ''
    }
  ]
}

const getters = {
  getProjects: state => state.projects,
}

const mutations = {
  UPDATE_PROJECTS (state, payload) {
    state.projects = Object.assign(state.projects, payload)
  }
}

const actions = {
  async updateBySearchQuery ({commit}, payload) {
    return api.get('/', {
      params: {}
    })
      .then((response) => {
        const res = response.data.map(p => {
          return Object.assign(p, {
            id: p.projectId
          })
        })
        commit('UPDATE_PROJECTS', res)
      })
      .catch((error) => {
        console.error(error)
      })
  }
}

export default {
  namespaced: true,
  state,
  getters,
  mutations,
  actions
}

Vueファイル

<template lang="pug">
  #search-container
    .search-results
      ul.post-list
        li(v-for="project in projects" :key="project.id")
          article.post-list__article
            router-link.posts-list__post(:to="'project/'+project.id")
               h2.title-row__text {{project.title}}
</template>                

<script>
import { mapGetters, mapActions } from 'vuex'

export default {
  mounted () {
    this.updateBySearchQuery()
  },
  methods: {
    ...mapActions('projects', {
      updateBySearchQuery: 'updateBySearchQuery'
    })
  },
  computed: {
    ...mapGetters('projects', {
      projects: 'getProjects'
    })
  }
}
</script>

Answer 1

解決しました。
どうやらStoreの配列の変更をVueが検知しなかった様子です。

▼解決方法

const mergeProjects = _.chain(state.projects)
      .merge(payloadArray())
      .uniq()
      .value()
    state.projects = mergeProjects