added a new component for breadcrumbs and reworked the component for getting icons using sprites

resources/js/Pages/Client/Posts/Index.vue

@@ -19,9 +19,12 @@ import EventArchiveListBreadcrumbs from "@/componentss/features/events/component
 import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
 import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
 import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import BreadcrumbsItem from "@/componentss/shared/Breadcrumbs/BreadcrumbsItem.vue";
+import BaseBreadcrumbs from "@/componentss/shared/Breadcrumbs/BaseBreadcrumbs.vue";
 export default {
   name: "Index",
   components: {
+    BaseBreadcrumbs, BreadcrumbsItem,
     WhenVisible,
     EventListSearch, IsOnlineFilter, BasicPagination, EventArchiveListBreadcrumbs, BasicPageWrapper, BasicPageContainer,
     BasicListBadge,
@@ -86,7 +89,9 @@ export default {
         <h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Новости НТГСПИ</h2>
         <p class="mt-1 text-gray-600 dark:text-neutral-400">Узнайте последние новости любимого вуза</p>
       </div>
-      <PostListBreadcrumbs :breadcrumbs="breadcrumbs" />
+      <BaseBreadcrumbs :breadcrumbs="breadcrumbs">
+        <BreadcrumbsItem title="Новости" :url="route('client.post.index')" />
+      </BaseBreadcrumbs>
       <div>
         <HeadItemsWrapper>
           <PostListSearch :search_filter="filters.search_filter" />

resources/js/Pages/Client/Posts/Show.vue

@@ -21,11 +21,14 @@ import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.v
 import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
 import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
 import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
+import BreadcrumbsItem from "@/componentss/shared/Breadcrumbs/BreadcrumbsItem.vue";
+import BaseBreadcrumbs from "@/componentss/shared/Breadcrumbs/BaseBreadcrumbs.vue";
 
 
 export default {
 	name: "Show",
 	components: {
+    BaseBreadcrumbs, BreadcrumbsItem,
     SortingByFilter,
     EventListSearch,
     BasicListFilter,
@@ -90,7 +93,10 @@ export default {
       <div class="space-y-5 md:space-y-10">
         <div class="space-y-3">
           <BackButton link="client.post.index" title="Все новости"/>
-          <PostItemBreadcrumbs :breadcrumbs="breadcrumbs" :post-title="post.data.title" />
+          <BaseBreadcrumbs :breadcrumbs="breadcrumbs">
+            <BreadcrumbsItem title="Новости" :url="route('client.post.index')" />
+            <BreadcrumbsItem :title="post.data.title" :url="$page.url" />
+          </BaseBreadcrumbs>
           <BasicTitle :header="post.data.title"/>
         </div>