Highlight tag flicker fix (#889)

Author: Jade-GG

resources/js/components/Search/InstantSearchMixin.vue

@@ -35,7 +35,17 @@ export default {
         },
 
         async getInstantSearchClientConfig() {
-            return {}
+            return {
+                hooks: {
+                    beforeSearch: async (searchRequests) => {
+                        return searchRequests.map((sr) => {
+                            sr.request.params.highlightPreTag = '<mark>'
+                            sr.request.params.highlightPostTag = '</mark>'
+                            return sr
+                        })
+                    },
+                },
+            }
         },
 
         async getSearchSettings() {

resources/views/layouts/partials/header/autocomplete/search-suggestions.blade.php

@@ -8,8 +8,6 @@
             :query="currentRefinement || ' '"
             :hits-per-page.camel="{{ Arr::get($fields, 'size', config('rapidez.frontend.autocomplete.size', 3)) }}"
             filters="display_in_terms:1"
-            :highlight-pre-tag.camel="'__ais-highlight__'"
-            :highlight-post-tag.camel="'__/ais-highlight__'"
         />
         <ais-hits v-slot="{ items }">
             <div v-if="items && items.length" v-bind:class="{ 'border-b': currentRefinement }" class="py-2.5">