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

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

@@ -16,10 +16,13 @@ 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: "Index",
   components: {
+    BaseBreadcrumbs, BreadcrumbsItem,
     SortingByFilter,
     EventListSearch,
     BasicListFilter,
@@ -49,14 +52,11 @@ export default {
     },
 		seo: {
 			type: Object,
-		}
+		},
+    breadcrumbs: {
+      type: Object
+    }
   },
-  methods: {
-
-  },
-
-	mounted() {
-  }
 };
 </script>
 
@@ -71,6 +71,9 @@ export default {
           bottom-text="Информация о наших факультетах и кафедрах"
           header="Факультеты и кафедры" />
       <FacultyListBreadcrumbs />
+      <BaseBreadcrumbs :breadcrumbs="breadcrumbs">
+        <BreadcrumbsItem title="Факультеты" :url="route('client.faculty.index')" />
+      </BaseBreadcrumbs>
 
       <!-- Grid -->
       <div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-3 sm:gap-6">

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

@@ -35,7 +35,10 @@
             <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3 truncate">
               <div class="grow">
                 <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
-                  <FacultyItemBreadcrumbs :faculty-title="faculty.data.shortTitle" />
+                  <BaseBreadcrumbs :breadcrumbs="breadcrumbs">
+                    <BreadcrumbsItem title="Факультеты" :url="route('client.faculty.index')" />
+                    <BreadcrumbsItem :title="faculty.data.shortTitle" :url="$page.url" />
+                  </BaseBreadcrumbs>
                 </div>
               </div>
             </div>
@@ -118,6 +121,8 @@ import EventListSearch from "@/componentss/features/events/components/EventListS
 import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 import NavigateVisor from "@/componentss/shared/visor/NavigateVisor.vue";
 import NavigateLinks from "@/componentss/shared/navigate/NavigateLinks.vue";
+import BreadcrumbsItem from "@/componentss/shared/Breadcrumbs/BreadcrumbsItem.vue";
+import BaseBreadcrumbs from "@/componentss/shared/Breadcrumbs/BaseBreadcrumbs.vue";
 
 
 export default {
@@ -139,10 +144,14 @@ export default {
 		},
 		seo: {
 			type: Object,
-		}
+		},
+    breadcrumbs: {
+      type: Object
+    }
 	},
 
 	components: {
+    BaseBreadcrumbs, BreadcrumbsItem,
     NavigateLinks,
     NavigateVisor,
     SortingByFilter,