Made breadcrumbs reactive

app/stores/breadcrumbs.ts

@@ -0,0 +1,24 @@
+import { defineStore } from "pinia";
+
+export interface BreadcrumbItem {
+  label: string;
+  to?: string;
+}
+
+export const useBreadcrumbStore = defineStore("breadcrumb", {
+  state: () => ({
+    items: [] as BreadcrumbItem[],
+  }),
+
+  actions: {
+    setBreadcrumbs(items: BreadcrumbItem[]) {
+      this.items = items;
+    },
+    addBreadcrumb(item: BreadcrumbItem) {
+      this.items.push(item);
+    },
+    clear() {
+      this.items = [];
+    },
+  },
+});