Еще одна v-проблема с обновлением реквизита

Question

: клавиша установлена, функция prepend правильно выполняет задание, но v-for не обновляется.В консоли Vue объект «сообщения» корректно обновляется.Я действительно не понимаю, почему v-for не слушает модификации.

<template>

    <div>

        <post-form v-on:newpost="prepend($event)"></post-form>

        <div id="posts" class="pt-4">

            <div v-for="post in posts" :key="post.id" class="alert" :class="alertClass(post.type_id)">
                {{ post.body }}
                <small>{{ post.user.name }} {{ post.updated_at | fromNow }}</small>
            </div>

        </div>

    </div>

</template>

<script>

    export default {
        props:['posts'],
        methods: {
            alertClass(type) {
                switch(type) {
                  case 1:
                    return "alert-secondary";
                    break;
                  case 2:
                    return "alert-success";
                    break;
                  case 3:
                    return "alert-danger";
                    break;
                  case 4:
                    return "alert-warning";
                    break;
                  case 5:
                    return "alert-info";
                    break;
                  default:
                    return "alert-light";
                }
            },
            prepend(event) {
                this.posts.unshift(event);
            }
        },
        filters: {
          fromNow: function (date) {
            return moment(date).fromNow();
          }
        }
    }
</script>

РЕДАКТИРОВАТЬ:

«Сообщения» выглядят так:

[
 {
  body: "dsf",
  created_at: "2019-02-15 08:55:16",
  deleted_at: null,
  id: 19,
  type_id: 1,
  updated_at: "2019-02-15 08:55:16",
  user: Object,
  user_id: 3
 }
]

Я не нахожу awnser в других похожих темах, извините, если это дубликат