From 864795749e36605bc2b345658de6181f922446ad Mon Sep 17 00:00:00 2001
From: F4ilji <F4ilj@yandex.ru>
Date: Thu, 20 Nov 2025 15:58:48 +0500
Subject: [PATCH] Update pagination limit and improve author display in
 PostListItem

---
 app/Containers/Article/Tasks/GetPostsTask.php |  2 +-
 resources/js/Pages/Client/Posts/Index.vue     |  2 +-
 .../posts/components/PostListItem.vue         | 24 +++++++++----------
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/app/Containers/Article/Tasks/GetPostsTask.php b/app/Containers/Article/Tasks/GetPostsTask.php
index bd6ceaf..4b0f6ed 100644
--- a/app/Containers/Article/Tasks/GetPostsTask.php
+++ b/app/Containers/Article/Tasks/GetPostsTask.php
@@ -51,7 +51,7 @@ class GetPostsTask
                 });
 
             $sort = $filters['sort'] ?? 'desc';
-            return $query->orderBy('publish_at', $sort)->paginate(9)->withQueryString();
+            return $query->orderBy('publish_at', $sort)->paginate(10)->withQueryString();
         });
     }
 }
\ No newline at end of file
diff --git a/resources/js/Pages/Client/Posts/Index.vue b/resources/js/Pages/Client/Posts/Index.vue
index 10a246c..3db1468 100644
--- a/resources/js/Pages/Client/Posts/Index.vue
+++ b/resources/js/Pages/Client/Posts/Index.vue
@@ -129,7 +129,7 @@ export default {
           <div class="space-y-5 md:space-y-4">
             <div>
               <div class="container mx-auto max-w-screen-lg py-5 lg:py-8">
-                <div class="grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-3">
+                <div class="grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-2">
                   <template v-for="post in posts.data" :key="post.id">
                     <PostListItem :post="post" />
                   </template>
diff --git a/resources/js/componentss/features/posts/components/PostListItem.vue b/resources/js/componentss/features/posts/components/PostListItem.vue
index d1495e4..ff6a3d0 100644
--- a/resources/js/componentss/features/posts/components/PostListItem.vue
+++ b/resources/js/componentss/features/posts/components/PostListItem.vue
@@ -58,20 +58,18 @@
                               </a>
                             </p>
                           </div>
-                          <div
-                              class="mt-3 flex items-center space-x-3 text-gray-500 dark:text-gray-400"
-                          >
-                            <span>
-                              <div class="flex items-center gap-3">
-																<span v-if="post && post.authors && post.authors.length > 0" class="truncate text-sm">
-  																{{ textLimit(post.authors[0], 20) }}
-																</span>
-                              </div>
+                          <div class="flex items-center gap-3 text-gray-500">
+
+                            <span v-if="post?.authors?.length" class="truncate text-sm">
+                              {{ textLimit(post.authors[0], 40) }}
                             </span>
-                            <span class="text-xs text-gray-300 dark:text-gray-600"
-                            >•</span
-                            >
-                            <span class="truncate text-sm">{{ post.created_post }}</span>
+
+                            <span v-if="post?.authors?.length" class="text-xs text-gray-300 dark:text-gray-600">•</span>
+
+                            <span class="truncate text-sm">
+                              {{ post.created_post }}
+                            </span>
+
                           </div>
                         </div>
                       </div>