مشکل در vuejs

سلام دوستان
در vuex یک state هست به این صورت تعریف کردم :

   const state = {
    posts: {
    data: [],
  },
}

کنترلر رو هم به این صورت نوشتم :

public function all()
    {
        $posts = Post::all();

        return ['posts' => $posts];
    }

برای نمایش هم به این صورت عمل میکنم:

<row v-for="post in posts.data" :key="post.id" :row="post"  />

props: {
            row: {
                type: Object,
                required: true,
            }
        },

حالا مشکل اینجاست که تو کنترلر وقتی از متد paginate() استفاده نمیکنم تو vuex bindings به این صورت در میاد

posts:Array[7]

و چیزی نشون داده نمیشه ولی وقتی از paginate() استفاده میکنم به درستی نمایش داده میشه

posts:Object
data:Array[7]

دوستان مشکل از کجاست ؟