search stuffs

resources/js/search.js

@@ -0,0 +1,36 @@
+export default function (meilisearchConfig, index, searchOptions) {
+    const defaultSearchOptiobns = {
+        limit: 10,
+    };
+
+    searchOptions = { ...defaultSearchOptiobns, ...searchOptions };
+
+    return {
+        query: "",
+        index: null,
+        results: null,
+
+        watchQuery() {
+            this.$watch("query", (query) => {
+                if (query == "") {
+                    this.results = null;
+                    return;
+                }
+
+                this.search(query);
+            });
+        },
+
+        async search(query) {
+            this.results = await this.index.search(query, searchOptions);
+        },
+
+        init() {
+            const client = new window.MeiliSearch(meilisearchConfig);
+
+            this.index = client.index(index);
+
+            this.watchQuery();
+        },
+    };
+}