Поиск, работа над query в js

resources/js/Composables/useMedicalHistory.js

@@ -0,0 +1,28 @@
+import {router, usePage} from "@inertiajs/vue3";
+import {ref} from "vue";
+import {encodeQueryValue, stringifyQuery} from "ufo";
+
+export const useMedicalHistory = (url) => {
+    const meta = ref(usePage().props.cards.meta)
+
+    const navigate = (search, page, page_size) => {
+        const params = {
+            search,
+            page,
+            page_size
+        }
+        if (typeof params.page_size === 'undefined') {
+            params.page_size = meta.value.per_page
+        }
+        const query = stringifyQuery(params)
+
+        router.visit(`${url}?${query}`, {
+            preserveState: true
+        })
+    }
+
+    return {
+        meta,
+        navigate
+    }
+}