diff --git a/composer.json b/composer.json
index cc77a1abb..5b4e0d4dc 100644
--- a/composer.json
+++ b/composer.json
@@ -17,18 +17,20 @@
     "prefer-stable": true,
     "require": {
         "php": "^8.1|^8.2|^8.3",
-        "rapidez/laravel-multi-cache": "^1.0",
         "blade-ui-kit/blade-heroicons": "^2.4",
+        "http-interop/http-factory-guzzle": "^1.2",
         "illuminate/database": "^11.0",
         "illuminate/events": "^11.0",
         "illuminate/queue": "^11.0",
         "illuminate/support": "^11.0",
         "justbetter/laravel-http3earlyhints": "*",
+        "laravel/scout": "^10.11",
         "lcobucci/clock": "^2.0|^3.2",
         "lcobucci/jwt": "^4.0|^5.3",
-        "mailerlite/laravel-elasticsearch": "^11.1",
+        "matchish/laravel-scout-elasticsearch": "^7.10",
         "rapidez/blade-components": "^1.5",
         "rapidez/blade-directives": "^1.0",
+        "rapidez/laravel-multi-cache": "^1.0",
         "tormjens/eventy": "^0.8"
     },
     "require-dev": {
@@ -53,7 +55,10 @@
         }
     },
     "config": {
-        "sort-packages": true
+        "sort-packages": true,
+        "allow-plugins": {
+            "php-http/discovery": true
+        }
     },
     "extra": {
         "laravel": {
diff --git a/config/rapidez/frontend.php b/config/rapidez/frontend.php
index e37adb43f..c108189b1 100644
--- a/config/rapidez/frontend.php
+++ b/config/rapidez/frontend.php
@@ -5,7 +5,6 @@
     'exposed' => [
         'store',
         'es_url',
-        'es_prefix',
         'media_url',
         'magento_url',
         'notifications',
diff --git a/config/rapidez/indexer.php b/config/rapidez/indexer.php
index 517991e66..924298c11 100644
--- a/config/rapidez/indexer.php
+++ b/config/rapidez/indexer.php
@@ -1,6 +1,9 @@
 <?php
 
 return [
+    // TODO: This configuration is a bit lonely here,
+    // maybe we can move this to Scout later?
+
     // Which product visibilities should be indexed?
     // VISIBILITY_NOT_VISIBLE    = 1
     // VISIBILITY_IN_CATALOG     = 2
@@ -8,15 +11,9 @@
     // VISIBILITY_BOTH           = 4
     'visibility' => [2, 3, 4],
 
-    // Additional searchable attributes with the search weight.
-    'searchable' => [
-        // 'attribute' => 4.0,
-    ],
-
-    // From Magento only "Yes/No, Dropdown, Multiple Select and Price" attribute types
-    // can be configured as filter. If you'd like to have a filter for an attribute
-    // with, for example, the type of "Text", you can specify the attribute_code here.
-    'additional_filters' => [
-        // eav_attribute attribute_code. e.g. brand
+    // The Rapidez indexer will automatically start indexing any models with the Searchable trait that exist within `models.php`.
+    // If you want to add extra models you can add them here. Only Eloquent models are supported.
+    'extra_models' => [
+        // 'book' => \App\Models\Book::class,
     ],
 ];
diff --git a/config/rapidez/searchkit.php b/config/rapidez/searchkit.php
new file mode 100644
index 000000000..86448434f
--- /dev/null
+++ b/config/rapidez/searchkit.php
@@ -0,0 +1,56 @@
+<?php
+
+// See: https://www.searchkit.co/docs/api-documentation/searchkit#search_settings-configuration
+return [
+    // Attributes that are used to highlight the search results.
+    'highlight_attributes' => [
+        'name',
+    ],
+
+    // Additional attributes that are used to search the results.
+    // This will be merged with the searchable
+    // attributes configured in Magento.
+    'search_attributes' => [
+        // ['field' => 'attribute_code', 'weight' => 4.0],
+    ],
+
+    // Attributes that are returned in the search result response.
+    // Don't want to keep track of this? An empty array will
+    // return all attributes, but that's not recommended!
+    'result_attributes' => [
+        'entity_id',
+        'name',
+        'sku',
+        'price',
+        'special_price',
+        'image',
+        'images',
+        'url',
+        'thumbnail',
+        'in_stock',
+        'children',
+        'super_*',
+        'reviews_count',
+        'reviews_score',
+    ],
+
+    // Additional attributes that are used to create facets.
+    // From Magento only "Yes/No, Dropdown, Multiple Select and Price" attribute types
+    // can be configured as filter. If you'd like to have a filter for an attribute
+    // with, for example, the type of "Text", you can specify the attribute_code here.
+    'facet_attributes' => [
+        // ['attribute' => 'brand', 'field' => 'brand.keyword', 'type' => 'string'],
+    ],
+
+    // Attributes that are used to create filters.
+    // TODO: Do we really need this? With ReactiveSearch
+    // we didn't need to keep a list to filter.
+    'filter_attributes' => [
+        ['attribute' => 'entity_id', 'field' => 'entity_id', 'type' => 'numeric'],
+        ['attribute' => 'category_ids', 'field' => 'category_ids', 'type' => 'numeric'],
+        ['attribute' => 'visibility', 'field' => 'visibility', 'type' => 'numeric'],
+    ],
+
+    // TODO: Sorting...
+    // 'sorting' => []
+];
diff --git a/config/rapidez/system.php b/config/rapidez/system.php
index d5179d98c..09db30437 100644
--- a/config/rapidez/system.php
+++ b/config/rapidez/system.php
@@ -7,9 +7,6 @@
     // Elasticsearch url.
     'es_url' => env('ELASTICSEARCH_URL', 'http://localhost:9200'),
 
-    // Elasticsearch prefix.
-    'es_prefix' => env('ELASTICSEARCH_PREFIX', 'rapidez'),
-
     // Get Magento url from Database
     'magento_url_from_db' => env('GET_MAGENTO_URL_FROM_DATABASE', false),
 
diff --git a/lang/nl.json b/lang/nl.json
index 68fee71a9..4a4501f89 100644
--- a/lang/nl.json
+++ b/lang/nl.json
@@ -112,5 +112,7 @@
     "Yes": "Ja",
     "You don't have anything in your cart.": "Je hebt geen producten in je winkelwagen.",
     "You have filtered for:": "Je hebt gefilterd op:",
-    "Your order is currently:": "Je bestelling is op dit moment:"
+    "Your order is currently:": "Je bestelling is op dit moment:",
+    "First": "Eerste",
+    "Last": "Laatste"
 }
diff --git a/package.json b/package.json
index a556c625c..0668d4de8 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,10 @@
         "prod": "vite build"
     },
     "devDependencies": {
-        "@appbaseio/reactivesearch-vue": "https://gitpkg.vercel.app/api/pkg?url=rapidez/reactivesearch/packages/vue&commit=v1.34.0-vue&scripts.postinstall=yarn%20install%20--ignore-scripts%20%26%26%20yarn%20run%20build-es&scripts.build-es=nps%20build.es",
+        "@algolia/autocomplete-js": "^1.17.9",
         "@babel/core": "^7.23.9",
         "@hotwired/turbo": "^8.0.2",
+        "@searchkit/instantsearch-client": "^4.14.1",
         "@tailwindcss/forms": "^0.5.3",
         "@tailwindcss/typography": "^0.5.9",
         "@vitejs/plugin-vue2": "^2.2.0",
@@ -20,6 +21,7 @@
         "graphql": "^16.8.1",
         "graphql-combine-query": "indykoning/graphql-combine-query#feature/add-allowed-duplicates",
         "graphql-tag": "^2.12.6",
+        "instantsearch.js": "^4.75.7",
         "laravel-vite-plugin": "^1.0.5",
         "postcss": "^8.4.29",
         "postcss-import": "^16.1.0",
@@ -33,6 +35,7 @@
         "vue": "^2.7",
         "vue-clickaway": "^2.2.2",
         "vue-cookies": "^1.8.2",
+        "vue-instantsearch": "^4.19.13",
         "vue-template-compiler": "^2.7.14",
         "vue-turbolinks": "^2.2.2",
         "vue2-teleport": "^1.1.4"
diff --git a/resources/css/app.css b/resources/css/app.css
index 0c0cd17d2..e35303a07 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,6 +1,5 @@
 @import 'components/vue-slider';
 @import 'components/price-slider';
-@import 'components/pagination';
 @import 'components/autocomplete';
 
 @tailwind base;
diff --git a/resources/css/components/autocomplete.css b/resources/css/components/autocomplete.css
index 1ce3ace8a..cabf520bf 100644
--- a/resources/css/components/autocomplete.css
+++ b/resources/css/components/autocomplete.css
@@ -1,3 +1,4 @@
+/*Can we remove this file?*/
 .search-input + div div[groupposition='right'] {
     @apply size-6 right-16 cursor-pointer z-50 !-translate-y-1/2 !top-1/2 !absolute;
 
diff --git a/resources/css/components/pagination.css b/resources/css/components/pagination.css
deleted file mode 100644
index 1027377b5..000000000
--- a/resources/css/components/pagination.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.pagination .pagination-button:first-child:nth-last-child(3),
-.pagination .pagination-button:first-child:nth-last-child(3) ~ .pagination-button {
-    @apply hidden;
-}
-
-.pagination {
-    @apply flex flex-wrap justify-center gap-x-2 !m-0 !my-6 max-md:gap-y-4;
-}
-
-.pagination-button {
-    @apply !font-semibold !font-sans !border !border-border !rounded !bg-white !text !shadow;
-}
-
-.pagination-button.active {
-    @apply !border !border-none !bg-primary !text-white !shadow-none;
-}
-
-.pagination-button:first-child {
-    @apply !mr-auto max-md:w-full max-md:order-last;
-}
-
-.pagination-button:last-child {
-    @apply !ml-auto max-md:w-full max-md:-order-1;
-}
-
-.pagination-button:not(:first-child):not(:last-child) {
-    @apply !m-0 !size-14 max-md:flex-1 max-md:w-auto;
-}
-
-.pagination-button:first-child,
-.pagination-button:last-child {
-    @apply h-14 px-6 max-md:!m-0;
-}
-
-.pagination-button[disabled] {
-    @apply opacity-60;
-}
diff --git a/resources/css/components/price-slider.css b/resources/css/components/price-slider.css
index 1452735bc..4c0c37d56 100644
--- a/resources/css/components/price-slider.css
+++ b/resources/css/components/price-slider.css
@@ -1,3 +1,4 @@
+/*Can we remove this file?*/
 div.vue-slider {
     @apply mt-5 mb-3.5 max-w-sm;
 }
diff --git a/resources/css/components/vue-slider.css b/resources/css/components/vue-slider.css
index 53a7b0acd..046893fd9 100644
--- a/resources/css/components/vue-slider.css
+++ b/resources/css/components/vue-slider.css
@@ -1,3 +1,4 @@
+/*Can we remove this file?*/
 .vue-slider {
     @apply mx-2;
 }
diff --git a/resources/js/components/Elements/RangeSlider.vue b/resources/js/components/Elements/RangeSlider.vue
new file mode 100644
index 000000000..a2f3a8d7c
--- /dev/null
+++ b/resources/js/components/Elements/RangeSlider.vue
@@ -0,0 +1,85 @@
+<script>
+export default {
+    props: {
+        range: {
+            type: Object,
+            default: () => ({ min: 0, max: 100 }),
+        },
+        current: {
+            type: Object,
+            default: () => ({ min: undefined, max: undefined }),
+        },
+    },
+
+    render() {
+        return this.$scopedSlots.default(this)
+    },
+
+    data() {
+        return {
+            minValue: null,
+            maxValue: null,
+        }
+    },
+
+    watch: {
+        minValue() {
+            if (this.minValue >= this.maxValue) {
+                this.minValue = this.maxValue - 1
+            }
+        },
+
+        maxValue() {
+            if (this.maxValue <= this.minValue) {
+                this.maxValue = this.minValue + 1
+            }
+        },
+
+        range() {
+            if (this.range.min == this.range.max && this.range.min == 0) {
+                return
+            }
+
+            if (this.minValue === null && this.maxValue === null) {
+                this.updateFromProps()
+            }
+        },
+
+        current() {
+            this.updateFromProps()
+        },
+    },
+
+    mounted() {
+        this.updateFromProps()
+    },
+
+    methods: {
+        updateFromProps() {
+            this.minValue = this.current.min ?? this.range.min
+            this.maxValue = this.current.max ?? this.range.max
+        },
+
+        percentage(amount) {
+            return ((amount - this.range.min) / (this.range.max - this.range.min)) * 100
+        },
+
+        updateRefinement() {
+            this.$emit('change', {
+                min: this.minValue,
+                max: this.maxValue,
+            })
+        },
+    },
+
+    computed: {
+        minThumb() {
+            return Math.max(this.percentage(this.minValue), 0)
+        },
+
+        maxThumb() {
+            return Math.max(100 - this.percentage(this.maxValue), 0)
+        },
+    },
+}
+</script>
diff --git a/resources/js/components/Listing/Listing.vue b/resources/js/components/Listing/Listing.vue
index 094e4e86f..05ebf3cc1 100644
--- a/resources/js/components/Listing/Listing.vue
+++ b/resources/js/components/Listing/Listing.vue
@@ -1,27 +1,50 @@
 <script>
+// TODO: How can we have this extendable in
+// case we want to use another component?
 import {
-    ReactiveBase,
-    ReactiveList,
-    ReactiveComponent,
-    SelectedFilters,
-    MultiList,
-    DynamicRangeSlider,
-} from '@appbaseio/reactivesearch-vue'
-import VueSlider from 'vue-slider-component'
+    AisClearRefinements,
+    AisConfigure,
+    AisCurrentRefinements,
+    AisHierarchicalMenu,
+    AisHits,
+    AisHitsPerPage,
+    AisInstantSearch,
+    AisPagination,
+    AisRangeInput,
+    AisRefinementList,
+    AisSearchBox,
+    AisSortBy,
+    AisStats,
+} from 'vue-instantsearch'
+import Client from '@searchkit/instantsearch-client'
+import Searchkit from 'searchkit'
+import deepmerge from 'deepmerge'
+
+import { history } from 'instantsearch.js/es/lib/routers'
+import { simple } from 'instantsearch.js/es/lib/stateMappings'
+
+Vue.component('ais-instant-search', AisInstantSearch)
+Vue.component('ais-configure', AisConfigure)
+Vue.component('ais-refinement-list', AisRefinementList)
+Vue.component('ais-hierarchical-menu', AisHierarchicalMenu)
+Vue.component('ais-range-input', AisRangeInput)
+Vue.component('ais-search-box', AisSearchBox)
+Vue.component('ais-current-refinements', AisCurrentRefinements)
+Vue.component('ais-clear-refinements', AisClearRefinements)
+Vue.component('ais-hits', AisHits)
+Vue.component('ais-hits-per-page', AisHitsPerPage)
+Vue.component('ais-sort-by', AisSortBy)
+Vue.component('ais-pagination', AisPagination)
+Vue.component('ais-stats', AisStats)
+
 import categoryFilter from './Filters/CategoryFilter.vue'
 import useAttributes from '../../stores/useAttributes.js'
 
-Vue.use(ReactiveBase)
-Vue.use(ReactiveList)
-Vue.use(ReactiveComponent)
-Vue.use(SelectedFilters)
-Vue.use(MultiList)
-Vue.component('vue-slider-component', VueSlider)
-Vue.use(DynamicRangeSlider)
-Vue.component('category-filter', categoryFilter)
-
 export default {
     props: {
+        // TODO: Do we still use/need this?
+        // Maybe transform it to a callback
+        // so the items can be manipulated?
         additionalFilters: {
             type: Array,
             default: () => [],
@@ -35,9 +58,20 @@ export default {
     data: () => ({
         loaded: false,
         attributes: useAttributes(),
-        pageSize:
-            (window?.Turbo?.navigator?.location?.searchParams || new URLSearchParams(window.location.search)).get('pageSize') ||
-            config.grid_per_page,
+
+        // TODO: Not sure yet if this is the right option,
+        // when the routing works properly we maybe
+        // don't need this.
+        searchTerm: new URLSearchParams(window.location.search).get('q'),
+
+        // TODO: We need some finetuning here; the url isn't very clean.
+        // Also after a refresh the filters aren't selected.
+        // Maybe it conflicts with ReactiveSearch?
+        routing: {
+            router: history(),
+            // stateMapping: singleIndex('rapidez_products_1'),
+            stateMapping: simple(),
+        },
     }),
 
     render() {
@@ -49,23 +83,131 @@ export default {
     },
 
     computed: {
+        // TODO: Not sure if this is the right place,
+        // the autocomplete also needs this but
+        // we don't want to load everything
+        // directly due the JS size
+        searchClient: function () {
+            let client = Client(this.searchkit, {
+                hooks: {
+                    beforeSearch: async (searchRequests) => {
+                        return searchRequests.map((sr) => {
+                            // TODO: Maybe use deepmerge here so it doesn't
+                            // really matter what query is used? What
+                            // if we want to add something to the
+                            // "must" instead of "filter"?
+                            if (this.getQuery()) {
+                                sr.body.query.bool.filter.push(this.getQuery())
+                            }
+                            // And, this is currently applied on all queries,
+                            // it's only relevant on the listing one.
+                            return sr
+                        })
+                    },
+                },
+            })
+
+            // console.log(client)
+
+            return client
+        },
+
+        searchkit: function () {
+            let url = new URL(config.es_url)
+
+            let searchkit = new Searchkit({
+                connection: {
+                    host: url.origin,
+                    auth: {
+                        username: url.username,
+                        password: url.password,
+                    },
+                },
+
+                // TODO: Maybe just do: search_settings: config.searchkit
+                // so it's possible to add anything to the PHP config
+                // and that will appear here?
+                search_settings: {
+                    highlight_attributes: config.searchkit.highlight_attributes,
+                    search_attributes: config.searchkit.search_attributes,
+                    result_attributes: config.searchkit.result_attributes,
+
+                    // TODO: For consistency maybe make it possible to do this:
+                    // facet_attributes: config.searchkit.facet_attributes,
+                    facet_attributes: this.facets,
+
+                    filter_attributes: config.searchkit.filter_attributes,
+
+                    // TODO: Let's also change this to a PHP config.
+                    // So we start there and that will be merged
+                    // with the Magento configured attributes
+                    // and lastly from a prop it's possible
+                    // to manipulate it from a callback?
+                    sorting: this.sortOptions.reduce((acc, item) => {
+                        acc[item.key] = {
+                            field: item.field,
+                            order: item.order,
+                        }
+                        return acc
+                    }),
+                },
+            })
+
+            // console.log(this.sortOptions)
+
+            return searchkit
+        },
+
+        // TODO: Maybe move this completely to PHP?
+        // Any drawbacks? A window.config that
+        // becomes to big? Is that an issue?
         filters: function () {
             return Object.values(this.attributes)
                 .filter((attribute) => attribute.filter)
+                .map((filter) => ({ ...filter, code: this.filterPrefix(filter) + filter.code, base_code: filter.code }))
                 .sort((a, b) => a.position - b.position)
         },
+
+        facets: function () {
+            return [
+                ...this.filters.map((filter) => ({
+                    attribute: filter.code,
+                    field: filter.code + (this.filterType(filter) == 'string' ? '.keyword' : ''),
+                    type: this.filterType(filter),
+                })),
+                { attribute: 'category_lvl0', field: 'category_lvl0.keyword', type: 'string' },
+                { attribute: 'category_lvl1', field: 'category_lvl1.keyword', type: 'string' },
+                { attribute: 'category_lvl2', field: 'category_lvl2.keyword', type: 'string' },
+                { attribute: 'category_lvl3', field: 'category_lvl3.keyword', type: 'string' },
+            ]
+            // TODO: Double check this and how it's used.
+            // .concat(this.additionalFilters)
+        },
+
         sortings: function () {
             return Object.values(this.attributes).filter((attribute) => attribute.sorting)
         },
-        reactiveFilters: function () {
-            return this.filters.map((filter) => filter.code).concat(this.additionalFilters)
+
+        hitsPerPage: function () {
+            return this.$root.config.grid_per_page_values
+                .map(function (pages, index) {
+                    return {
+                        label: pages,
+                        value: pages,
+                        default: pages == config.grid_per_page,
+                    }
+                })
+                .concat({ label: this.$root.config.translations.all, value: 10000 })
         },
+
         sortOptions: function () {
             return [
                 {
                     label: window.config.translations.relevance,
-                    dataField: '_score',
-                    sortBy: 'desc',
+                    field: '_score',
+                    order: 'desc',
+                    value: config.index,
+                    key: 'default',
                 },
             ]
                 .concat(
@@ -78,8 +220,10 @@ export default {
                                 label:
                                     window.config.translations.sorting?.[sorting.code]?.[directionKey] ??
                                     sorting.name + ' ' + directionLabel,
-                                dataField: sorting.code + (sorting.code != 'price' ? '.keyword' : ''),
-                                sortBy: directionKey,
+                                field: sorting.code + (sorting.code != 'price' ? '.keyword' : ''),
+                                order: directionKey,
+                                value: [config.index, sorting.code, directionKey].join('_'),
+                                key: '_' + [sorting.code, directionKey].join('_'),
                             }
                         })
                     }),
@@ -87,36 +231,65 @@ export default {
                 .concat(this.additionalSorting)
         },
     },
+
     watch: {
         attributes: function (value) {
             this.loaded = Object.keys(value).length > 0
         },
-
-        pageSize: function (pageSize) {
-            let url = new URL(window.location)
-            url.searchParams.set('pageSize', pageSize)
-            window.history.pushState(window.history.state, '', url)
-        },
     },
 
     methods: {
+        filterType(filter) {
+            if (filter.super) {
+                return 'numeric'
+            }
+
+            return ['price', 'boolean'].includes(filter.input) ? 'numeric' : 'string'
+        },
+
+        filterPrefix(filter) {
+            if (filter.super) {
+                return 'super_'
+            }
+
+            if (filter.visual_swatch) {
+                return 'visual_'
+            }
+
+            return ''
+        },
+
         getQuery() {
             if (!window.config.category?.entity_id) {
                 return
             }
 
             return {
-                query: {
-                    function_score: {
-                        script_score: {
-                            script: {
-                                source: `Integer.parseInt(doc['positions.${window.config.category.entity_id}'].empty ? '0' : doc['positions.${window.config.category.entity_id}'].value)`,
-                            },
+                // query: {
+                function_score: {
+                    script_score: {
+                        script: {
+                            source: `Integer.parseInt(doc['positions.${window.config.category.entity_id}'].empty ? '0' : doc['positions.${window.config.category.entity_id}'].value)`,
                         },
                     },
                 },
+                // },
             }
         },
+
+        withFilters(items) {
+            return items.map((item) => ({
+                filter: this.filters.find((filter) => filter.code === item.attribute),
+                ...item,
+            }))
+        },
+
+        withSwatches(items, filter) {
+            return items.map((item) => ({
+                swatch: this.$root.swatches[filter.base_code]?.options?.[item.value] ?? null,
+                ...item,
+            }))
+        },
     },
 }
 </script>
diff --git a/resources/js/components/Recursion.vue b/resources/js/components/Recursion.vue
new file mode 100644
index 000000000..0eb4498f4
--- /dev/null
+++ b/resources/js/components/Recursion.vue
@@ -0,0 +1,28 @@
+<template>
+    <div>
+        <slot :data="data" :component="childComponent" />
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        data: {
+            type: Array,
+            required: true,
+        },
+    },
+    computed: {
+        childComponent() {
+            return {
+                render: (h) =>
+                    h('recursion', {
+                        props: {
+                            data: this.data,
+                        },
+                    }),
+            }
+        },
+    },
+}
+</script>
diff --git a/resources/js/components/Search/Autocomplete.vue b/resources/js/components/Search/Autocomplete.vue
index 0a44d3024..2edb64147 100644
--- a/resources/js/components/Search/Autocomplete.vue
+++ b/resources/js/components/Search/Autocomplete.vue
@@ -1,124 +1,94 @@
 <script>
-import { ReactiveBase, DataSearch } from '@appbaseio/reactivesearch-vue'
-import { useDebounceFn } from '@vueuse/core'
+import { AisConfigure, AisHighlight, AisHits, AisIndex, AisInstantSearch, AisSearchBox } from 'vue-instantsearch'
+import Client from '@searchkit/instantsearch-client'
+import Searchkit from 'searchkit'
 
-Vue.use(ReactiveBase)
-Vue.use(DataSearch)
+Vue.component('ais-instant-search', AisInstantSearch)
+Vue.component('ais-search-box', AisSearchBox)
+Vue.component('ais-hits', AisHits)
+Vue.component('ais-index', AisIndex)
+Vue.component('ais-configure', AisConfigure)
+Vue.component('ais-highlight', AisHighlight)
 
 export default {
-    props: {
-        additionals: Object,
-        debounce: {
-            type: Number,
-            default: 100,
-        },
-        size: {
-            type: Number,
-            default: 10,
-        },
-        multiMatchTypes: {
-            type: Array,
-            default: () => ['best_fields', 'phrase', 'phrase_prefix'],
-        },
-    },
+    data: () => ({
+        loaded: false,
+    }),
 
     render() {
         return this.$scopedSlots.default(this)
     },
 
-    data() {
-        return {
-            results: {},
-            resultsCount: 0,
-            searchAdditionals: () => null,
-            overlay: false,
-            searchLoading: false,
-        }
+    mounted() {
+        this.$nextTick(() => {
+            this.$emit('mounted')
+            this.loaded = true
+        })
     },
 
-    mounted() {
-        this.$nextTick(() => this.$emit('mounted'))
-        let self = this
+    computed: {
+        // TODO: Not sure if this is the right place,
+        // the autocomplete also needs this but
+        // we don't want to load everything
+        // directly due the JS size
+        searchClient: function () {
+            let client = Client(this.searchkit, {
+                hooks: {
+                    beforeSearch: async (searchRequests) => {
+                        return searchRequests
+                    },
+                },
+            })
+
+            // Ensure no query is done if the search field is empty
+            const oldSearch = client.search
+            client.search = async (requests) => {
+                if (requests.every(({ params }) => !params.query)) {
+                    return Promise.resolve({
+                        results: requests.map(() => ({
+                            hits: [],
+                            nbHits: 0,
+                            nbPages: 0,
+                            page: 0,
+                            processingTimeMS: 0,
+                            hitsPerPage: 0,
+                            exhaustiveNbHits: false,
+                            query: '',
+                            params: '',
+                        })),
+                    })
+                }
 
-        // Define function here to gain access to the debounce prop
-        this.searchAdditionals = useDebounceFn(function (query) {
-            if (!self.additionals) {
-                return
+                return oldSearch.bind(client)(requests)
             }
 
-            // Initialize with empty data to preserve additionals order
-            self.results = Object.fromEntries(Object.keys(self.additionals).map((indexName) => [indexName, []]))
-            self.resultsCount = 0
+            return client
+        },
 
+        // TODO: Maybe extract this so we have this once?
+        searchkit: function () {
             let url = new URL(config.es_url)
-            let auth = `Basic ${btoa(`${url.username}:${url.password}`)}`
-            let baseUrl = url.origin
 
-            Object.entries(self.additionals).forEach(([name, data]) => {
-                let stores = data['stores'] ?? null
-                if (stores && !stores.includes(window.config.store_code)) {
-                    return
-                }
-
-                let fields = data['fields'] ?? data
-                let size = data['size'] ?? self.size ?? undefined
-                let sort = data['sort'] ?? undefined
-                let fuzziness = data['fuzziness'] ?? 'AUTO'
-
-                let multimatch = self.multiMatchTypes.map((type) => ({
-                    multi_match: {
-                        query: query,
-                        type: type,
-                        fields: fields,
-                        fuzziness: type.includes('phrase') ? undefined : fuzziness,
-                    },
-                }))
-
-                let esQuery = {
-                    size: size,
-                    sort: sort,
-                    query: {
-                        bool: {
-                            should: multimatch,
-                            minimum_should_match: 1,
-                        },
-                    },
-                    highlight: {
-                        pre_tags: ['<mark>'],
-                        post_tags: ['</mark>'],
-                        fields: Object.fromEntries(fields.map((field) => [field.split('^')[0], {}])),
-                        require_field_match: false,
+            let searchkit = new Searchkit({
+                connection: {
+                    host: url.origin,
+                    auth: {
+                        username: url.username,
+                        password: url.password,
                     },
-                }
+                },
 
-                rapidezFetch(`${baseUrl}/${config.es_prefix}_${name}_${config.store}/_search`, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json', Authorization: auth },
-                    body: JSON.stringify(esQuery),
-                }).then(async (response) => {
-                    const responseData = await response.json()
-
-                    self.results[name] = responseData?.hits ?? []
-                    self.results.count += self.results[name]?.hits?.length ?? 0
-                })
+                // TODO: Should we split this as it could
+                // diff from the settings on listings.
+                search_settings: {
+                    highlight_attributes: config.searchkit.highlight_attributes,
+                    search_attributes: config.searchkit.search_attributes,
+                    result_attributes: config.searchkit.result_attributes,
+                    filter_attributes: config.searchkit.filter_attributes,
+                },
             })
-        }, self.debounce)
-    },
 
-    methods: {
-        startLoading() {
-            this.searchLoading = true
-        },
-        stopLoading() {
-            this.searchLoading = false
-        },
-        highlight(hit, field) {
-            let source = hit._source ?? hit.source
-            let highlight = hit.highlight ?? source.highlight
-            return highlight?.[field]?.[0] ?? source?.[field] ?? ''
-        },
-        showOverlay(isOpen) {
-            this.overlay = isOpen
+            return searchkit
         },
     },
 }
diff --git a/resources/js/vue-components.js b/resources/js/vue-components.js
index bf67f629d..ae249d615 100644
--- a/resources/js/vue-components.js
+++ b/resources/js/vue-components.js
@@ -18,6 +18,8 @@ import graphql from './components/Graphql.vue'
 Vue.component('graphql', graphql)
 import graphqlMutation from './components/GraphqlMutation.vue'
 Vue.component('graphql-mutation', graphqlMutation)
+import recursion from './components/Recursion.vue'
+Vue.component('recursion', recursion)
 
 import notifications from './components/Notifications/Notifications.vue'
 Vue.component('notifications', notifications)
@@ -39,3 +41,4 @@ Vue.component('listing', () => import('./components/Listing/Listing.vue'))
 Vue.component('checkout-success', () => import('./components/Checkout/CheckoutSuccess.vue'))
 Vue.component('popup', () => import('./components/Popup.vue'))
 Vue.component('selected-filters-values', () => import('./components/Listing/Filters/SelectedFiltersValues.vue'))
+Vue.component('range-slider', () => import('./components/Elements/RangeSlider.vue'))
diff --git a/resources/views/category/overview.blade.php b/resources/views/category/overview.blade.php
index 95e9985a1..d9230e3e5 100644
--- a/resources/views/category/overview.blade.php
+++ b/resources/views/category/overview.blade.php
@@ -11,7 +11,7 @@
         <h1 class="mb-5 text-3xl font-bold">{{ $category->name }}</h1>
 
         @if ($category->is_anchor)
-            <x-rapidez::listing query="{ bool: { must: [{ terms: { visibility: [2, 4] } }, { terms: { category_ids: [config.category.entity_id] } }] } }" />
+            <x-rapidez::listing query="'visibility:(2 OR 4) AND category_ids:'+config.category.entity_id" />
         @else
             <div class="flex max-md:flex-col">
                 <div class="xl:w-1/5">
diff --git a/resources/views/components/filter/heading.blade.php b/resources/views/components/filter/heading.blade.php
index 5da92c527..beb8ea0bf 100644
--- a/resources/views/components/filter/heading.blade.php
+++ b/resources/views/components/filter/heading.blade.php
@@ -1,19 +1,28 @@
 @slots(['title'])
 
+{{--
+TODO: Can't we use <details> with <summary> for this?
+Or maybe is JS easier so we don't need an input?
+--}}
 <input class="peer hidden" type="checkbox" checked :set="id = Math.random().toString(36).slice(2)" :id="id" />
 
+{{--
+TODO: Double check these paddings;
+why are they different? And why
+do we've pb-4 wrapped around
+it from the filters?
+--}}
 <label class="flex items-center justify-between gap-x-2 border-t pb-2.5 pt-4 text cursor-pointer peer-checked:[&>.chevron]:rotate-180" :for="id">
     <span class="block font-sans text-base font-semibold">
-        @if ($title->isNotEmpty())
-            {{ $title }}
-        @else
+        @slotdefault('title')
             @{{ filter?.name?.replace('_', ' ') }}
-        @endif
+        @endslotdefault
     </span>
 
     <x-heroicon-o-chevron-down class="size-4 chevron transition" />
 </label>
 <div class="peer-checked:*:-my-1 peer-checked:*:py-1 grid grid-rows-[0fr] transition-all peer-checked:grid-rows-[1fr]">
+    {{-- TODO: Why do we need these classes? --}}
     <div class="-mx-1 overflow-hidden px-1">
         {{ $slot }}
     </div>
diff --git a/resources/views/components/input/range-slider.blade.php b/resources/views/components/input/range-slider.blade.php
new file mode 100644
index 000000000..636a1850f
--- /dev/null
+++ b/resources/views/components/input/range-slider.blade.php
@@ -0,0 +1,36 @@
+<range-slider v-slot="rangeInputScope" {{ $attributes }}>
+    <div class="flex flex-1 relative h-16 mx-5">
+        <input
+            type="range"
+            v-bind:disabled="!canRefine"
+            v-bind:min="rangeInputScope.range.min"
+            v-bind:max="rangeInputScope.range.max"
+            v-model="rangeInputScope.minValue"
+            v-on:change="rangeInputScope.updateRefinement"
+            class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer [&::-moz-range-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:pointer-events-auto"
+        >
+
+        <input
+            type="range"
+            v-bind:disabled="!canRefine"
+            v-bind:min="rangeInputScope.range.min"
+            v-bind:max="rangeInputScope.range.max"
+            v-model="rangeInputScope.maxValue"
+            v-on:change="rangeInputScope.updateRefinement"
+            class="absolute pointer-events-none appearance-none z-20 h-5 w-full opacity-0 cursor-pointer [&::-moz-range-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:pointer-events-auto"
+        >
+
+        <div class="relative z-10 h-1 w-full mt-2 mx-2">
+            <div class="absolute z-10 inset-0 rounded-md bg-border"></div>
+            <div class="absolute z-20 inset-y-0 rounded-md bg-primary" v-bind:style="'right:'+rangeInputScope.maxThumb+'%; left:'+rangeInputScope.minThumb+'%'"></div>
+            <div class="absolute z-30 size-5 top-0 left-0 bg-white border rounded-full -mt-2 -translate-x-1/2" v-bind:style="'left: '+rangeInputScope.minThumb+'%'"></div>
+            <div class="absolute z-30 size-5 top-0 right-0 bg-white border rounded-full -mt-2 translate-x-1/2" v-bind:style="'right: '+rangeInputScope.maxThumb+'%'"></div>
+            <div class="absolute z-30 top-4 left-0 bg-white border px-2 py-0.5 rounded-full -translate-x-1/2" v-bind:style="'left: '+rangeInputScope.minThumb+'%'">
+                @{{ rangeInputScope.minValue }}
+            </div>
+            <div class="absolute z-30 top-4 right-0 bg-white border px-2 py-0.5 rounded-full translate-x-1/2" v-bind:style="'right: '+rangeInputScope.maxThumb+'%'">
+                @{{ rangeInputScope.maxValue }}
+            </div>
+        </div>
+    </div>
+</range-input>
diff --git a/resources/views/components/listing.blade.php b/resources/views/components/listing.blade.php
index 853a47de2..12cd1b77d 100644
--- a/resources/views/components/listing.blade.php
+++ b/resources/views/components/listing.blade.php
@@ -10,28 +10,25 @@
 
 <div class="min-h-screen">
     <listing
-        :additional-filters="{!! isset($query) ? "['query-filter', 'category', 'score-position']" : "['category', 'score-position']" !!}"
         :additional-sorting="[{
             label: window.config.translations.newest,
-            dataField: 'created_at',
-            sortBy: 'desc'
+            field: 'created_at',
+            order: 'desc',
+            {{-- TODO: Extract this somewhere? --}}
+            value: config.index_prefix + '_products_' + config.store + '_created_at_desc',
+            key: '_created_at_desc'
         }]"
         v-cloak
     >
-        <div slot-scope="{ loaded, filters, sortOptions, reactiveFilters, getQuery, _renderProxy: listingSlotProps }">
-            <x-rapidez::reactive-base v-if="loaded">
-                @isset($query)
-                    <reactive-component
-                        component-id="query-filter"
-                        :custom-query="function () {return {query: {{ $query }} } }"
-                        :show-filter="false"
-                    ></reactive-component>
-                @endisset
-                <reactive-component
-                    component-id="score-position"
-                    :custom-query="getQuery"
-                    :show-filter="false"
-                ></reactive-component>
+        <div slot-scope="{ loaded, filters, sortOptions, getQuery, withFilters, withSwatches, filterPrefix, _renderProxy: listingSlotProps }">
+            <ais-instant-search
+                v-if="loaded"
+                :search-client="listingSlotProps.searchClient"
+                {{-- TODO: Extract this somewhere? --}}
+                :index-name="config.index_prefix + '_products_' + config.store"
+                :routing="listingSlotProps.routing"
+            >
+                <ais-configure :filters="{!! $query !!}"/>
 
                 {{ $before ?? '' }}
                 @if ($slot->isEmpty())
@@ -47,7 +44,7 @@
                     {{ $slot }}
                 @endif
                 {{ $after ?? '' }}
-            </x-rapidez::reactive-base>
+            </ais-instant-search>
         </div>
     </listing>
 </div>
diff --git a/resources/views/components/productlist.blade.php b/resources/views/components/productlist.blade.php
index 635de509a..ba30bde5c 100644
--- a/resources/views/components/productlist.blade.php
+++ b/resources/views/components/productlist.blade.php
@@ -1,68 +1,90 @@
 @props(['value', 'title' => false, 'field' => 'sku.keyword'])
 
+{{--
+TODO: We should NOT have this here! It should be loaded
+lazily when "intersected" by scrolling to down
+But it currently doesn't work without it.
+--}}
+@pushOnce('head')
+    @if ($file = vite_filename_path('Listing.vue'))
+        @vite([$file])
+    @endif
+@endPushOnce
+
 @if ($value)
     <lazy v-slot="{ intersected }">
-        <listing v-if="intersected">
-            <x-rapidez::reactive-base>
-                <reactive-list
-                    component-id="{{ md5(serialize($value)) }}"
-                    data-field="{{ $field }}"
-                    :size="999"
-                    :default-query="function () { return { query: { terms: { '{{ $field }}': {!!
-                        is_array($value)
-                            ? "['".implode("','", $value)."']"
-                            : $value
-                    !!} } } } }"
+        <listing v-if="intersected" v-cloak>
+            {{--
+            TODO: Maybe better to have a wrapper
+            component again like reactive-base?
+            --}}
+            <div slot-scope="{ loaded, searchClient }">
+                <ais-instant-search
+                    v-if="loaded"
+                    :search-client="searchClient"
+                    :index-name="config.index"
                 >
-                    @if ($title)
-                        <strong class="font-bold text-2xl mt-5" slot="renderResultStats">
-                            @lang($title)
-                        </strong>
-                    @else
-                        <div slot="renderResultStats"></div>
-                    @endif
+                    <ais-configure :filters="'{{ $field }}:({{ is_array($value)
+                        ? implode(' OR ', $value)
+                        : "'+".$value.".join(' OR ')+'"
+                    }})'"/>
 
-                    <div slot="renderNoResults"></div>
+                    <ais-hits v-slot="{ items }">
+                        <div v-if="items.length" class="flex flex-col gap-5">
+                            @if ($title)
+                                <strong class="font-bold text-2xl">
+                                    @lang($title)
+                                </strong>
+                            @endif
 
-                    <div class="mt-5" slot="render" slot-scope="{ data, loading }" v-if="!loading && data?.length">
-                        <slider>
-                            <div slot-scope="{ navigate, showLeft, showRight, currentSlide, slidesTotal }">
-                                <div class="relative">
-                                    <div ref="slider" class="*:sm:w-1/2 *:md:w-1/3 *:xl:w-1/3 *:px-0.5 *:sm:px-2 *:shrink-0 *:snap-start -mx-2 -mx-4 flex snap-x snap-mandatory overflow-x-auto scroll-smooth scrollbar-hide sm:-mx-1">
-                                        <template v-for="item in data">
-                                            @include('rapidez::listing.partials.item', ['slider' => true])
-                                        </template>
+                            <slider>
+                                <div slot-scope="{ navigate, showLeft, showRight, currentSlide, slidesTotal }">
+                                    <div class="relative">
+                                        {{--
+                                        TODO: @frontend, the listing has been changed
+                                        to a grid, do we also need that here? As
+                                        the item partials is shared.
+                                        --}}
+                                        <div ref="slider" class="*:sm:w-1/2 *:md:w-1/3 *:xl:w-1/3 *:px-0.5 *:sm:px-2 *:shrink-0 *:snap-start -mx-2 -mx-4 flex snap-x snap-mandatory overflow-x-auto scroll-smooth scrollbar-hide sm:-mx-1">
+                                            <template v-for="(item, count) in items">
+                                                @include('rapidez::listing.partials.item', ['slider' => true])
+                                            </template>
+                                        </div>
+                                        <x-rapidez::button.slider
+                                            class="absolute left-0 top-1/2 sm:-translate-x-1/2 -translate-y-1/2"
+                                            v-if="showLeft"
+                                            v-on:click="navigate(currentSlide - 1)"
+                                            :aria-label="__('Prev')"
+                                        >
+                                            <x-heroicon-o-chevron-left class="size-6 shrink-0"/>
+                                        </x-rapidez::button.slider>
+                                        <x-rapidez::button.slider
+                                            class="absolute right-0 top-1/2 sm:translate-x-1/2 -translate-y-1/2"
+                                            v-if="showRight"
+                                            v-on:click="navigate(currentSlide + 1)"
+                                            :aria-label="__('Next')"
+                                        >
+                                            <x-heroicon-o-chevron-right class="size-6 shrink-0"/>
+                                        </x-rapidez::button.slider>
                                     </div>
-                                    <x-rapidez::button.slider
-                                        class="absolute left-0 top-1/2 sm:-translate-x-1/2 -translate-y-1/2"
-                                        v-if="showLeft"
-                                        v-on:click="navigate(currentSlide - 1)"
-                                        :aria-label="__('Prev')"
-                                    >
-                                        <x-heroicon-o-chevron-left class="size-6 shrink-0"/>
-                                    </x-rapidez::button.slider>
-                                    <x-rapidez::button.slider
-                                        class="absolute right-0 top-1/2 sm:translate-x-1/2 -translate-y-1/2"
-                                        v-if="showRight"
-                                        v-on:click="navigate(currentSlide + 1)"
-                                        :aria-label="__('Next')"
-                                    >
-                                        <x-heroicon-o-chevron-right class="size-6 shrink-0"/>
-                                    </x-rapidez::button.slider>
-                                </div>
-                                <div v-show="slidesTotal > 1" class="flex flex-row justify-center w-full mt-[35px]">
-                                    <div
-                                        v-for="slide, index in slidesTotal"
-                                        v-on:click="navigate(index)"
-                                        class="relative bg rounded-full border size-4 mx-1 cursor-pointer"
-                                        :class="{ 'bg-emphasis border-0': index === currentSlide }">
+                                    <div v-show="slidesTotal > 1" class="flex flex-row justify-center w-full mt-[35px]">
+                                        <div
+                                            v-for="slide, index in slidesTotal"
+                                            v-on:click="navigate(index)"
+                                            class="relative bg rounded-full border size-4 mx-1 cursor-pointer"
+                                            :class="{ 'bg-emphasis border-0': index === currentSlide }">
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                        </slider>
-                    </div>
-                </reactive-list>
-            </x-rapidez::reactive-base>
+                            </slider>
+                        </div>
+                    </ais-hits>
+                </ais-instant-search>
+            </div>
         </listing>
     </lazy>
+    {{--
+    TODO: Look up here, there is a lot of nesting,
+    could we extract some to clean this up?
+    --}}
 @endif
diff --git a/resources/views/components/reactive-base.blade.php b/resources/views/components/reactive-base.blade.php
deleted file mode 100644
index 72e34fb58..000000000
--- a/resources/views/components/reactive-base.blade.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<reactive-base {{ $attributes->merge([
-    ':app' => "config.es_prefix + '_products_' + config.store",
-    ':url' => "config.es_url",
-    ':set-search-params' => "setSearchParams",
-]) }} v-cloak>
-    {{ $slot }}
-</reactive-base>
-
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e13cee31f..f2c610d8f 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -22,6 +22,11 @@
 
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 
+    {{-- TODO fix nested lazy loading components --}}
+    @if ($file = vite_filename_path('Autocomplete.vue'))
+        @vite([$file])
+    @endif
+
     @stack('head')
     @config('design/head/includes')
 </head>
diff --git a/resources/views/layouts/partials/header/autocomplete.blade.php b/resources/views/layouts/partials/header/autocomplete.blade.php
index dff7921ca..e38d86122 100644
--- a/resources/views/layouts/partials/header/autocomplete.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete.blade.php
@@ -1,74 +1,54 @@
-@php $inputClasses = 'relative z-header-autocomplete border !font-sans !border-default !text-sm !min-h-0 outline-0 ring-0 !h-auto rounded-xl !pl-5 !pr-24 !py-3.5 !bg-white w-full focus:ring-transparent search-input' @endphp
-
 <div v-if="!$root.loadAutocomplete" class="relative w-full">
-    <label for="autocomplete-input" class="sr-only">@lang('Search')</label>
-    <input
-        id="autocomplete-input"
-        placeholder="@lang('What are you looking for?')"
-        class="{{ $inputClasses }}"
-        v-on:focus="$root.loadAutocomplete = true"
-    >
+    {{-- TODO: Do we still need this double input? --}}
+    <form method="get" action="{{ route('search') }}">
+        <x-rapidez::input
+            type="search"
+            name="q"
+            :placeholder="__('What are you looking for?')"
+            v-on:focus="$root.loadAutocomplete = true"
+            v-on:mouseover="$root.loadAutocomplete = true"
+        />
+    </form>
     <x-rapidez::autocomplete.magnifying-glass />
 </div>
 
-<autocomplete
-    v-else
-    v-on:mounted="() => window.document.getElementById('autocomplete-input').focus()"
-    v-bind:additionals="{{ json_encode(config('rapidez.frontend.autocomplete.additionals')) }}"
-    v-bind:debounce="{{ config('rapidez.frontend.autocomplete.debounce') }}"
-    v-bind:size="{{ config('rapidez.frontend.autocomplete.size') }}"
-    class="relative w-full"
-    v-cloak
->
-    <x-rapidez::reactive-base slot-scope="autocompleteScope">
-        <div
-            class="z-header-autocomplete-overlay pointer-events-none fixed inset-0 cursor-pointer bg-backdrop opacity-0 transition duration-500"
-            :class="autocompleteScope.overlay ? 'pointer-events-auto opacity-100 prevent-scroll' : 'opacity-0 pointer-events-none '"
-        ></div>
-        <x-rapidez::autocomplete.magnifying-glass v-bind:class="{ 'bg-primary text-white': autocompleteScope.overlay }" />
-        <data-search
-            placeholder="@lang('What are you looking for?')"
-            v-on:value-selected="search"
-            component-id="autocomplete"
-            :inner-class="{ input: '{{ $inputClasses }}' }"
-            class="relative [&_*]:!m-0"
-            :data-field="Object.keys(config.searchable)"
-            :field-weights="Object.values(config.searchable)"
-            :show-icon="false"
-            fuzziness="AUTO"
-            v-bind:debounce="autocompleteScope.debounce"
-            v-on:blur="autocompleteScope.showOverlay(false)"
-            v-on:focus="autocompleteScope.showOverlay(true)"
-            v-bind:size="autocompleteScope.size"
-            :highlight="true"
-            v-on:value-change="autocompleteScope.searchAdditionals"
-            v-on:key-down="autocompleteScope.startLoading"
-            v-on:suggestions="autocompleteScope.stopLoading"
+<autocomplete v-else>
+    <div slot-scope="{ searchClient, loaded }" class="relative w-full" v-if="loaded">
+        <ais-instant-search
+            class="contents"
+            :search-client="searchClient"
+            :index-name="config.index"
         >
-            <div slot="render" slot-scope="dataSearchScope">
-                <div
-                    v-if="dataSearchScope.downshiftProps.isOpen && !autocompleteScope.searchLoading && !dataSearchScope.loading && dataSearchScope.value"
-                    class="z-header-autocomplete absolute -inset-x-5 top-14 overflow-x-hidden overflow-y-auto scrollbar-hide pt-4 pb-7 bg-white max-md:h-[calc(100svh-150px)] max-md:max-h-[calc(100svh-150px)] md:top-14 md:max-h-[calc(100svh-150px)] md:rounded-xl md:border md:inset-x-0 md:w-full md:-translate-y-px"
-                >
-                    <div v-if="dataSearchScope.data.length || autocompleteScope.resultsCount">
-                        <div class="flex flex-col prose-li:px-5 hover:prose-li:bg-muted">
-                            {{-- The order can be changed with https://tailwindcss.com/docs/order --}}
-                            <template v-for="(resultsData, resultsType) in autocompleteScope.results ?? {}" v-if="resultsData?.hits?.length">
-                                @foreach (config('rapidez.frontend.autocomplete.additionals') as $key => $fields)
-                                    <template v-if="resultsType == '{{ $key }}'">
-                                        @includeIf('rapidez::layouts.partials.header.autocomplete.' . $key)
-                                    </template>
-                                @endforeach
-                            </template>
-                            @include('rapidez::layouts.partials.header.autocomplete.products')
-                        </div>
-                        @include('rapidez::layouts.partials.header.autocomplete.all-results')
-                    </div>
-                    <div v-else class="p-5">
-                        @include('rapidez::layouts.partials.header.autocomplete.no-results')
-                    </div>
+            <div class="contents">
+                <!-- TODO: This is a Vue 3 thing -->
+                <ais-configure :hits-per-page.camel="3"/>
+                <div class="searchbox">
+                    <ais-search-box>
+                        <template v-slot="{ currentRefinement, isSearchStalled, refine }">
+                            <form name="autocomplete-form" id="autocomplete-form" method="get" action="{{ route('search') }}" class="flex flex-row relative">
+                                <x-rapidez::input
+                                    type="search"
+                                    focus="true"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    autocapitalize="none"
+                                    spellcheck="false"
+                                    name="q"
+                                    v-bind:value="currentRefinement"
+                                    v-on:input="refine($event.currentTarget.value)"
+                                    :placeholder="__('What are you looking for?')"
+                                />
+                                <x-rapidez::button class="absolute right-0 bg-none border-none" type="submit">
+                                    <x-rapidez::autocomplete.magnifying-glass />
+                                </x-rapidez::button>
+                            </form>
+                        </template>
+                    </ais-search-box>
+                </div>
+                <div class="absolute inset-x-0 bg-white border">
+                    @include('rapidez::layouts.partials.header.autocomplete.results')
                 </div>
             </div>
-        </data-search>
-    </x-rapidez::reactive-base>
+        </ais-instant-search>
+    </div>
 </autocomplete>
diff --git a/resources/views/layouts/partials/header/autocomplete/all-results.blade.php b/resources/views/layouts/partials/header/autocomplete/all-results.blade.php
index 8ec3aad5e..ce8f875b4 100644
--- a/resources/views/layouts/partials/header/autocomplete/all-results.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete/all-results.blade.php
@@ -1,8 +1,13 @@
-<div class="font-sans px-5">
-    <x-rapidez::button.primary
-        v-bind:href="'/search?q=' + dataSearchScope.value"
-        class="relative group flex items-center gap-x-4 w-full text-sm"
-    >
-        <span>@lang('View all products')</span>
-    </x-rapidez::button.primary>
-</div>
+<ais-hits>
+    <template v-slot="{ items }">
+        <div v-if="items && items.length" class="font-sans px-5 py-2">
+            <x-rapidez::button.primary
+                type="submit"
+                form="autocomplete-form"
+                class="relative group flex items-center gap-x-4 w-full text-sm"
+            >
+                <span>@lang('View all products')</span>
+            </x-rapidez::button.primary>
+        </div>
+    </template>
+</ais-hits>
diff --git a/resources/views/layouts/partials/header/autocomplete/categories.blade.php b/resources/views/layouts/partials/header/autocomplete/categories.blade.php
index 2d5aa1eb0..664e8b397 100644
--- a/resources/views/layouts/partials/header/autocomplete/categories.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete/categories.blade.php
@@ -1,10 +1,20 @@
-<div class="border-b pb-2">
-    <x-rapidez::autocomplete.title>@lang('Categories')</x-rapidez::autocomplete.title>
-    <ul class="flex flex-col font-sans">
-        <li v-for="hit in resultsData.hits" :key="hit._source.id" class="flex flex-1 items-center w-full">
-            <a v-bind:href="hit._source.url" class="relative flex items-center group w-full py-2 text-sm gap-x-4">
-                <span class="ml-2 line-clamp-2" v-html="autocompleteScope.highlight(hit, 'name')"></span>
-            </a>
-        </li>
-    </ul>
-</div>
+<ais-index :index-name="config.index_prefix + '_categories_' + config.store">
+    <ais-hits v-slot="{ items }">
+        <div class="border-b p-2" v-if="items && items.length">
+            <x-rapidez::autocomplete.title>@lang('Categories')</x-rapidez::autocomplete.title>
+            <ul class="flex flex-col font-sans">
+                <li v-for="(item, count) in items" class="flex flex-1 items-center w-full">
+                    <a v-bind:href="item.url" class="relative flex items-center group w-full py-2 text-sm gap-x-4">
+                        <span class="ml-2 line-clamp-2">
+                            <ais-highlight
+                                attribute="name"
+                                :hit="item"
+                                highlighted-tag-name="mark"
+                            />
+                        </span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </ais-hits>
+</ais-index>
diff --git a/resources/views/layouts/partials/header/autocomplete/products.blade.php b/resources/views/layouts/partials/header/autocomplete/products.blade.php
index b06166028..bfadfebf9 100644
--- a/resources/views/layouts/partials/header/autocomplete/products.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete/products.blade.php
@@ -1,21 +1,39 @@
-<div class="pt-4 pb-2">
-    <x-rapidez::autocomplete.title>@lang('Products')</x-rapidez::autocomplete.title>
-    <ul class="gap-2 flex flex-col">
-        <li v-for="suggestion in dataSearchScope.data" :key="suggestion.source._id">
-            <a v-bind:href="suggestion.source.url | url" class="group relative flex flex-wrap py-2">
-                <img :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento/catalog/product' + suggestion.source.thumbnail + '.webp'" class="shrink-0 self-center object-contain size-16 mix-blend-multiply" />
-                <div class="flex flex-1 justify-center flex-col px-2">
-                    <div class="text-sm font-medium font-sans hyphens-auto line-clamp-2 w-full" v-html="autocompleteScope.highlight(suggestion, 'name')"></div>
-                    <div class="flex items-center gap-x-0.5 mt-0.5">
-                        <div v-if="suggestion.source.special_price" class="text-muted font-sans line-through text-xs">
-                            @{{ suggestion.source.price | price }}
+<ais-hits>
+    <template v-slot="{ items }">
+        <div v-if="items && items.length" class="p-2">
+            <x-rapidez::autocomplete.title>@lang('Products')</x-rapidez::autocomplete.title>
+            <ul v-for="(item, count) in items" class="gap-2 flex flex-col">
+                <li>
+                    <a :href="item.url | url" class="group relative flex flex-wrap py-2">
+                        <img
+                            v-if="item.thumbnail"
+                            :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento/catalog/product' + item.thumbnail + '.webp'"
+                            class="shrink-0 self-center object-contain size-16 mix-blend-multiply" :alt="item.name" :loading="config.category && count <= 4 ? 'eager' : 'lazy'"
+                            width="200"
+                            height="200"
+                        />
+                        <x-rapidez::no-image v-else class="mb-3 h-48 rounded-t" />
+                        <div class="flex flex-1 justify-center flex-col px-2">
+                            <span>
+                                <ais-highlight
+                                    attribute="name"
+                                    :hit="item"
+                                    highlighted-tag-name="mark"
+                                />
+                            </span>
+
+                            <div class="flex items-center gap-x-0.5 mt-0.5">
+                                <div v-if="item.special_price" class="text-muted font-sans line-through text-xs">
+                                    @{{ item.price | price }}
+                                </div>
+                                <div class="text-sm text font-sans font-bold">
+                                    @{{ (item.special_price || item.price) | price }}
+                                </div>
+                            </div>
                         </div>
-                        <div class="text-sm text font-sans font-bold">
-                            @{{ (suggestion.source.special_price || suggestion.source.price) | price }}
-                        </div>
-                    </div>
-                </div>
-            </a>
-        </li>
-    </ul>
-</div>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </template>
+</ais-hits>
diff --git a/resources/views/layouts/partials/header/autocomplete/results.blade.php b/resources/views/layouts/partials/header/autocomplete/results.blade.php
new file mode 100644
index 000000000..6c1880920
--- /dev/null
+++ b/resources/views/layouts/partials/header/autocomplete/results.blade.php
@@ -0,0 +1,6 @@
+@foreach (config('rapidez.frontend.autocomplete.additionals') as $key => $fields)
+    @includeIf('rapidez::layouts.partials.header.autocomplete.' . $key)
+@endforeach
+@include('rapidez::layouts.partials.header.autocomplete.products')
+<!-- TODO: What about the no-results view? -->
+@include('rapidez::layouts.partials.header.autocomplete.all-results')
diff --git a/resources/views/listing/filters.blade.php b/resources/views/listing/filters.blade.php
index 520d26b33..cdb41fc5f 100644
--- a/resources/views/listing/filters.blade.php
+++ b/resources/views/listing/filters.blade.php
@@ -4,6 +4,7 @@
         {{-- On mobile the filters aren't immedately visible so we should defer loading --}}
         <lazy>
             @include('rapidez::listing.partials.filter.selected')
+            @include('rapidez::listing.partials.filter.search')
             @include('rapidez::listing.partials.filter.category')
             <template v-for="filter in filters">
                 @include('rapidez::listing.partials.filter.price')
diff --git a/resources/views/listing/partials/filter/boolean.blade.php b/resources/views/listing/partials/filter/boolean.blade.php
index 234563eeb..9dbb6d343 100644
--- a/resources/views/listing/partials/filter/boolean.blade.php
+++ b/resources/views/listing/partials/filter/boolean.blade.php
@@ -1,35 +1,35 @@
-<multi-list
-    v-else-if="filter.input == 'boolean'"
-    :component-id="filter.code"
-    :data-field="filter.code+(filter.type != 'int' ? '.keyword' : '')"
-    :react="{and: reactiveFilters}"
-    :show-search="false"
-    u-r-l-params
+<ais-refinement-list
+    v-if="filter.input == 'boolean'"
+    :attribute="filter.code"
+    operator="and"
 >
-    <div
-        slot="render"
-        class="relative pb-4"
-        slot-scope="{ data, handleChange, value }"
-        v-if="data.length > 0"
-    >
-        <x-rapidez::filter.heading>
-            <ul class="flex flex-col gap-1">
-                <li class="flex" v-for="item in data">
-                    <x-rapidez::input.checkbox
-                        v-bind:checked="value[item.key]"
-                        v-on:change="handleChange(item.key)"
+    <template v-slot="{ items, refine }">
+        <div v-if="items.length" class="relative pb-4">
+            <x-rapidez::filter.heading>
+                <ul class="flex flex-col gap-1">
+                    <li
+                        v-for="item in items"
+                        class="flex justify-between text-base text-muted"
                     >
-                        <div
-                            class="font-sans font-medium text-sm items-center flex"
-                            :class="value[item.key] ? 'text' : 'text-muted'"
-                        >
-                            <template v-if="item.key">@lang('Yes')</template>
-                            <template v-if="!item.key">@lang('No')</template>
-                            <span class="block ml-0.5 text-xs">(@{{ item.doc_count }})</span>
+                        <div class="flex">
+                            <x-rapidez::input.checkbox
+                                v-bind:checked="item.isRefined"
+                                v-on:change="refine(item.value)"
+                            >
+                                <span
+                                    class="font-sans font-medium items-center text-sm flex"
+                                    :class="item.isRefined ? 'text' : 'text-muted'"
+                                >
+                                    <template v-if="item.value == '1'">@lang('Yes')</template>
+                                    <template v-if="item.value == '0'">@lang('No')</template>
+                                    <span class="block ml-0.5 text-xs">(@{{ item.count }})</span>
+                                </span>
+                            </x-rapidez::input.checkbox>
                         </div>
-                    </x-rapidez::input.checkbox>
-                </li>
-            </ul>
-        </x-rapidez::filter.heading>
-    </div>
-</multi-list>
+                    </li>
+                </ul>
+            </x-rapidez::filter.heading>
+        </div>
+    </template>
+</ais-refinement-list>
+
diff --git a/resources/views/listing/partials/filter/category.blade.php b/resources/views/listing/partials/filter/category.blade.php
index 25c5de3db..47413e333 100644
--- a/resources/views/listing/partials/filter/category.blade.php
+++ b/resources/views/listing/partials/filter/category.blade.php
@@ -1,10 +1,47 @@
+<ais-hierarchical-menu
+    :attributes="[
+        'category_lvl1',
+        'category_lvl2',
+        'category_lvl3',
+        {{-- TODO: This should be dynamic up to the max depth --}}
+    ]"
+    {{-- root-path="Men > Tops" --}}
+    show-more
+>
+    <template v-slot="{ items, refine, createURL }">
+        {{-- See the HierarchicalMenuList.vue --}}
+        <recursion :data="items" v-slot="{ data, component }">
+            <ul>
+                <li v-for="item in data" :key="item.value">
+                    <a
+                        :href="createURL(item.value)"
+                        :class="{ 'font-bold': item.isRefined }"
+                        v-on:click.exact.left.prevent="refine(item.value)"
+                    >
+                        @{{ item.label }}
+                        (@{{ item.count }})
+                    </a>
+                    {{--
+                    TODO: Double check this, the data updates,
+                    but the component doesn't. Tried to
+                    make everything working recursive
+                    plus keep it renderless.
+                    --}}
+                    {{-- @{{item.data}} --}}
+                    <component :data="item.data" :is="component" />
+                </li>
+            </ul>
+        </recursion>
+    </template>
+</ais-hierarchical-menu>
+
+{{--
 <reactive-component
     component-id="category"
     :default-query="() => ({ aggs: {
         categories: { terms: { field: 'categories.keyword' } },
         category_paths: { terms: { field: 'category_paths.keyword' } }
     }})"
-    :react="{and: reactiveFilters.filter(item => item != 'category') }"
     u-r-l-params
 >
     <div slot-scope="{ aggregations, setQuery, value }">
@@ -29,3 +66,4 @@
         </category-filter>
     </div>
 </reactive-component>
+ --}}
diff --git a/resources/views/listing/partials/filter/price.blade.php b/resources/views/listing/partials/filter/price.blade.php
index 6b3196ba3..52168b5d6 100644
--- a/resources/views/listing/partials/filter/price.blade.php
+++ b/resources/views/listing/partials/filter/price.blade.php
@@ -1,15 +1,43 @@
-<div v-if="filter.input == 'price'" class="relative pb-4">
-    <x-rapidez::filter.heading>
-        <dynamic-range-slider
-            :component-id="filter.code"
-            :data-field="filter.code"
-            :react="{and: ['query-filter']}"
-            :slider-options="{ dragOnClick: true, useKeyboard: false }"
-            :inner-class="{
-                slider: '!pt-4 !mt-0 mx-2',
-            }"
-            u-r-l-params
-        >
-        </dynamic-range-slider>
-    </x-rapidez::filter.heading>
-</div>
+<ais-range-input
+    v-if="filter.input == 'price'"
+    :attribute="filter.code"
+>
+    <template v-slot="{ currentRefinement, range, canRefine, refine, sendEvent }">
+        <div v-show="range.max">
+            <x-rapidez::filter.heading>
+                {{-- TODO: Handle the padding globally within the component? --}}
+                <div class="flex flex-col pb-4">
+                    <div class="flex flex-1">
+                        <x-rapidez::input.range-slider
+                            v-bind:range="range"
+                            v-bind:current="currentRefinement"
+                            v-on:change="refine"
+                        />
+                    </div>
+
+                    <div class="flex gap-10">
+                        <x-rapidez::input
+                            type="number"
+                            v-bind:min="range.min"
+                            v-bind:max="range.max"
+                            v-bind:placeholder="range.min"
+                            v-bind:disabled="!canRefine"
+                            v-bind:value="currentRefinement.min ?? range.min"
+                            v-on:input="refine({ min: $event.currentTarget.value, max: currentRefinement.max })"
+                        />
+                        <x-rapidez::input
+                            class="text-right"
+                            type="number"
+                            v-bind:min="range.min"
+                            v-bind:max="range.max"
+                            v-bind:placeholder="range.max"
+                            v-bind:disabled="!canRefine"
+                            v-bind:value="currentRefinement.max ?? range.max"
+                            v-on:input="refine({ min: currentRefinement.min, max: $event.currentTarget.value })"
+                        />
+                    </div>
+                </div>
+            </x-rapidez::filter.heading>
+        </div>
+    </template>
+</ais-range-input>
diff --git a/resources/views/listing/partials/filter/search.blade.php b/resources/views/listing/partials/filter/search.blade.php
new file mode 100644
index 000000000..cdfc9ef18
--- /dev/null
+++ b/resources/views/listing/partials/filter/search.blade.php
@@ -0,0 +1,15 @@
+{{-- TODO: Can/should we hide this filter when there are no results? --}}
+<ais-search-box :value="listingSlotProps.searchTerm">
+    <template v-slot="{ currentRefinement, isSearchStalled, refine }">
+        <x-rapidez::input
+            type="search"
+            v-bind:value="currentRefinement"
+            v-on:input="refine($event.currentTarget.value)"
+            :placeholder="__('Search within the results')"
+        />
+        {{--
+        TODO: Maybe use this for a loading icon with the input?
+        <span :hidden="!isSearchStalled">Loading...</span>
+        --}}
+    </template>
+</ais-search-box>
diff --git a/resources/views/listing/partials/filter/select.blade.php b/resources/views/listing/partials/filter/select.blade.php
index 05b107b69..9c307bb99 100644
--- a/resources/views/listing/partials/filter/select.blade.php
+++ b/resources/views/listing/partials/filter/select.blade.php
@@ -1,54 +1,57 @@
-<multi-list
-    v-else
-    :component-id="filter.code"
-    :data-field="filter.code+'.keyword'"
-    :inner-class="{
-        count: 'text-muted',
-        list: '!max-h-full [&>li]:!h-auto',
-        label: 'text-muted before:shrink-0'
-    }"
-    :react="{and: filter.input == 'multiselect' ? reactiveFilters : reactiveFilters.filter(item => item != filter.code) }"
-    :query-format="filter.input == 'multiselect' ? 'and' : 'or'"
-    :show-search="false"
-    u-r-l-params
+<ais-refinement-list
+    v-if="['select', 'multiselect'].includes(filter.input) && !(filter.text_swatch || filter.visual_swatch)"
+    :operator="filter.input == 'multiselect' ? 'and' : 'or'"
+    :attribute="filter.code"
+    show-more
 >
-    <div slot="render" class="relative pb-4" slot-scope="{ data, handleChange, value }" v-if="data.length > 1">
-        <x-rapidez::filter.heading>
-            <toggler>
-                <ul class="flex flex-col gap-1" slot-scope="{ toggle, isOpen }">
+    <template v-slot="{ items, refine, isShowingMore, toggleShowMore, canToggleShowMore }">
+        {{--
+        TODO: Why do we need this pb-4 in here?
+        We also have padding in the heading?
+        Maybe handle that in 1 place?
+        --}}
+        <div v-show="items.length" class="relative pb-4">
+            <x-rapidez::filter.heading>
+                <ul class="flex flex-col gap-1">
                     <li
-                        v-for="item, index in data"
-                        v-if="index < 6 || isOpen"
-                        :key="item._id"
+                        v-for="item in items"
                         class="flex justify-between text-base text-muted"
                     >
                         <div class="flex">
+                            {{--
+                            TODO: Maybe we should change these checkboxes
+                            to anchors so we can use createURL(item)
+                            within a href. Maybe useful for SEO?
+                            --}}
                             <x-rapidez::input.checkbox
-                                v-bind:checked="value[item.key]"
-                                v-on:change="handleChange(item.key)"
+                                v-bind:checked="item.isRefined"
+                                v-on:change="refine(item.value)"
                             >
                                 <span
                                     class="font-sans font-medium items-center text-sm flex"
-                                    :class="value[item.key] ? 'text' : 'text-muted'"
+                                    :class="item.isRefined ? 'text' : 'text-muted'"
                                 >
-                                    @{{ item.key }}
-                                    <span class="block ml-0.5 text-xs">(@{{ item.doc_count }})</span>
+                                    @{{ item.label }}
+                                    <span class="block ml-0.5 text-xs">(@{{ item.count }})</span>
                                 </span>
                             </x-rapidez::input.checkbox>
                         </div>
                     </li>
-                    <li v-if="data.length > 6">
-                        <button class="text-sm text-primary" @click="toggle">
-                            <span v-if="isOpen" class="flex gap-x-4">
-                                @lang('Less options')
-                            </span>
-                            <span v-else class="flex gap-x-4">
-                                @lang('More options')
-                            </span>
-                        </button>
-                    </li>
                 </ul>
-            </toggler>
-        </x-rapidez::filter.heading>
-    </div>
-</multi-list>
+
+                <button
+                    v-if="canToggleShowMore"
+                    v-on:click="toggleShowMore"
+                    class="text-sm text-primary"
+                >
+                    <span v-if="isShowingMore" class="flex gap-x-4">
+                        @lang('Less options')
+                    </span>
+                    <span v-else class="flex gap-x-4">
+                        @lang('More options')
+                    </span>
+                </button>
+            </x-rapidez::filter.heading>
+        </div>
+    </template>
+</ais-refinement-list>
diff --git a/resources/views/listing/partials/filter/selected.blade.php b/resources/views/listing/partials/filter/selected.blade.php
index e22895bcf..cc75b9a93 100644
--- a/resources/views/listing/partials/filter/selected.blade.php
+++ b/resources/views/listing/partials/filter/selected.blade.php
@@ -1,32 +1,50 @@
-<selected-filters>
-    <div
-        slot-scope="{ clearValues, selectedValues, setValue, components }"
-        v-if="Object.keys(selectedValues).filter(function (id) {
-            let value = selectedValues[id].value
-            let isArray = Array.isArray(value)
-            return components.includes(id) && selectedValues[id].showFilter && ((isArray && value.length) || (!isArray && value))}).length"
-    >
-        <selected-filters-values :selected-values="selectedValues">
-            <div slot-scope="{ activeFilters }" class="flex flex-wrap items-center w-full md:w-auto relative mb-5">
-                <div class="flex flex-wrap items-baseline justify-between gap-2 w-full border-t py-4">
-                    <div class="font-semibold text-base font-sans">
-                        @lang('You have filtered for:')
-                    </div>
-                    <button v-on:click="clearValues" class="!font-sans text-sm text-muted transition-all hover:underline">
-                        @lang('Reset filters')
-                    </button>
-                </div>
-                <div class="flex gap-2 flex-wrap">
-                    <div class="flex flex-wrap gap-2 relative cursor-pointer" v-for="filter in activeFilters">
-                        <div v-on:click="setValue(filter.code, null)" class="flex justify-between items-center transition hover:opacity-80">
-                            <span class="font-sans flex gap-1 p-1 items-center text-xs rounded-lg bg">
-                                @{{ filter.value }}
-                                <x-heroicon-o-x-mark class="size-3 shrink-0"/>
-                            </span>
-                        </div>
-                    </div>
-                </div>
+<ais-clear-refinements>
+    <template v-slot="{ canRefine, refine, createURL }">
+        <div v-show="canRefine" class="flex flex-wrap items-baseline justify-between gap-2 w-full pb-2">
+            <div class="font-semibold text-base">
+                @lang('Selected filters'):
             </div>
-        </selected-filters-values>
-    </div>
-</selected-filters>
+            <a
+                v-bind:href="createURL()"
+                v-on:click.prevent="refine"
+                class="text-sm text-muted transition-all hover:underline"
+            >
+                @lang('Reset filters')
+            </a>
+        </div>
+    </template>
+</ais-clear-refinements>
+
+<ais-current-refinements>
+    <template v-slot="{ items, createURL }">
+        <ul class="flex gap-2 flex-wrap pb-2">
+            <template v-for="item in withFilters(items)">
+                <li
+                    class="flex flex-wrap gap-2 relative"
+                    v-for="refinement in withSwatches(item.refinements, item.filter)"
+                    :key="[
+                      refinement.attribute,
+                      refinement.type,
+                      refinement.value,
+                      refinement.operator
+                    ].join(':')"
+                >
+                    <a
+                        v-bind:href="createURL(refinement)"
+                        v-on:click.prevent="item.refine(refinement)"
+                        class="flex items-center gap-1 p-1 text-xs rounded-lg bg transition hover:opacity-80"
+                    >
+                        @{{ item.filter.name }}:
+                        <template v-if="false"></template>
+                        @include('rapidez::listing.partials.filter.selected.boolean')
+                        @include('rapidez::listing.partials.filter.selected.swatch')
+                        <template v-else>
+                            @{{ refinement.label }}
+                        </template>
+                        <x-heroicon-o-x-mark class="size-3 shrink-0"/>
+                    </a>
+                </li>
+            </template>
+        </ul>
+    </template>
+</ais-current-refinements>
diff --git a/resources/views/listing/partials/filter/selected/boolean.blade.php b/resources/views/listing/partials/filter/selected/boolean.blade.php
new file mode 100644
index 000000000..d82230e56
--- /dev/null
+++ b/resources/views/listing/partials/filter/selected/boolean.blade.php
@@ -0,0 +1,4 @@
+<template v-else-if="item.filter.input === 'boolean'">
+    <template v-if="refinement.label == '1'">@lang('Yes')</template>
+    <template v-if="refinement.label == '0'">@lang('No')</template>
+</template>
diff --git a/resources/views/listing/partials/filter/selected/swatch.blade.php b/resources/views/listing/partials/filter/selected/swatch.blade.php
new file mode 100644
index 000000000..a7cbc96bc
--- /dev/null
+++ b/resources/views/listing/partials/filter/selected/swatch.blade.php
@@ -0,0 +1,5 @@
+{{-- TODO: Display swatches correctly here --}}
+
+<template v-else-if="item.filter.super">
+    @{{ refinement.swatch?.label ?? refinement.label }}
+</template>
diff --git a/resources/views/listing/partials/filter/swatch.blade.php b/resources/views/listing/partials/filter/swatch.blade.php
index 6d9ef8636..76e414eae 100644
--- a/resources/views/listing/partials/filter/swatch.blade.php
+++ b/resources/views/listing/partials/filter/swatch.blade.php
@@ -1,38 +1,43 @@
-<multi-list
-    v-else-if="filter.text_swatch || filter.visual_swatch"
-    :component-id="filter.code"
-    :data-field="filter.super ? 'super_' + filter.code : (filter.visual_swatch ? 'visual_' + filter.code : filter.code)"
-    :inner-class="{
-        title: 'capitalize text-sm font-medium text',
-    }"
-    :react="{and: filter.input == 'multiselect' ? reactiveFilters : reactiveFilters.filter(item => item != filter.code) }"
-    :query-format="filter.input == 'multiselect' ? 'and' : 'or'"
-    :show-search="false"
-    :show-checkbox="false"
-    u-r-l-params
+<ais-refinement-list
+    v-if="filter.text_swatch || filter.visual_swatch"
+    :limit="64"
+    :operator="filter.input == 'multiselect' ? 'and' : 'or'"
+    :attribute="filter.code"
 >
-    <div slot="render" class="pb-4" slot-scope="{ data, value, handleChange }">
-        <x-rapidez::filter.heading>
-            <div class="flex flex-wrap gap-2 items-center my-1">
-                <template v-for="swatch in data">
-                    <label
-                        v-if="filter.visual_swatch"
-                        class="size-6 ring-1 ring-emphasis/10 ring-inset cursor-pointer flex items-center justify-center hover:opacity-75 rounded-full transition"
-                        v-bind:class="{'outline outline-2 outline-emphasis outline-offset-1' : value[swatch.key]}"
-                        v-bind:style="{ background: $root.swatches[filter.code]?.options[swatch.key].swatch }"
-                    >
-                        <input type="checkbox" v-on:change="handleChange(swatch.key)" class="hidden" v-bind:checked="value[swatch.key]"/>
-                    </label>
-                    <label
-                        v-else
-                        class="border px-3 transition-all rounded cursor-pointer text-sm text-muted font-medium"
-                        v-bind:class="{'border text' : value[swatch.key]}"
-                    >
-                        @{{ $root.swatches[filter.code]?.options[swatch.key].swatch }}
-                        <input type="checkbox" v-on:change="handleChange(swatch.key)" class="hidden" v-bind:checked="value[swatch.key]"/>
-                    </label>
-                </template>
-            </div>
-        </x-rapidez::filter.heading>
-    </div>
-</multi-list>
+    <template v-slot="{ items, refine }">
+        <div v-show="items.length" class="relative pb-4">
+            <x-rapidez::filter.heading>
+                <ul class="flex flex-wrap gap-2 items-center my-1">
+                    <li v-for="item in withSwatches(items, filter)">
+                        <label
+                            v-if="filter.visual_swatch"
+                            class="size-6 ring-1 ring-emphasis/10 ring-inset cursor-pointer flex items-center justify-center hover:opacity-75 rounded-full transition"
+                            v-bind:class="{ 'outline outline-2 outline-emphasis outline-offset-1': item.isRefined }"
+                            v-bind:style="{ background: item.swatch?.swatch ?? 'none' }"
+                        >
+                            <input
+                                type="checkbox"
+                                v-bind:checked="item.isRefined"
+                                v-on:change="refine(item.value)"
+                                class="hidden"
+                            >
+                        </label>
+                        <label
+                            v-else
+                            class="border px-3 transition-all rounded cursor-pointer text-sm text-muted font-medium"
+                            v-bind:class="{ 'outline outline-2 outline-emphasis outline-offset-1': item.isRefined }"
+                        >
+                            @{{ item.swatch?.swatch ?? item.value }}
+                            <input
+                                type="checkbox"
+                                v-bind:checked="item.isRefined"
+                                v-on:change="refine(item.value)"
+                                class="hidden"
+                            >
+                        </label>
+                    </li>
+                </ul>
+            </x-rapidez::filter.heading>
+        </div>
+    </template>
+</ais-refinement-list>
diff --git a/resources/views/listing/partials/item.blade.php b/resources/views/listing/partials/item.blade.php
index cdfa80944..3f21929a8 100644
--- a/resources/views/listing/partials/item.blade.php
+++ b/resources/views/listing/partials/item.blade.php
@@ -1,36 +1,34 @@
-<template {!! isset($slider) ? '' : 'slot="renderItem" slot-scope="{ item, count }"' !!}>
-    <div class="size-full">
-        <add-to-cart v-bind:product="item" v-slot="addToCart" v-cloak>
-            <div class="group relative flex flex-1 flex-col rounded border bg-white p-5" :key="item.entity_id">
-                @if (App::providerIsLoaded('Rapidez\Wishlist\WishlistServiceProvider'))
-                    <div class="group absolute right-0 top-0 z-10 p-2">
-                        @include('rapidez::wishlist.button')
-                    </div>
-                @endif
-                <a :href="item.url | url" class="block">
-                    <img
-                        v-if="addToCart.currentThumbnail"
-                        :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento/catalog/product' + addToCart.currentThumbnail + '.webp'"
-                        class="mb-3 h-48 w-full rounded-t object-contain" :alt="item.name" :loading="config.category && count <= 4 ? 'eager' : 'lazy'"
-                        width="200"
-                        height="200"
-                    />
-                    <x-rapidez::no-image v-else class="mb-3 h-48 rounded-t" />
-                    <div class="px-2">
-                        <div class="text-base font-medium">@{{ item.name }}</div>
-                        @if (!Rapidez::config('catalog/frontend/show_swatches_in_product_list', 1))
-                            <div class="flex items-center space-x-2">
-                                <div class="font-semibold">@{{ (item.special_price || item.price) | price }}</div>
-                                <div class="text-sm line-through" v-if="item.special_price">@{{ item.price | price }}</div>
-                            </div>
-                        @endif
+<div class="size-full" v-bind:key="item.entity_id">
+    <add-to-cart v-bind:product="item" v-slot="addToCart" v-cloak>
+        <div class="group relative flex flex-1 flex-col rounded border bg-white p-5">
+            @if (App::providerIsLoaded('Rapidez\Wishlist\WishlistServiceProvider'))
+                <div class="group absolute right-0 top-0 z-10 p-2">
+                    @include('rapidez::wishlist.button')
+                </div>
+            @endif
+            <a :href="item.url | url" class="block">
+                <img
+                    v-if="addToCart.currentThumbnail"
+                    :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento/catalog/product' + addToCart.currentThumbnail + '.webp'"
+                    class="mb-3 h-48 w-full rounded-t object-contain" :alt="item.name" :loading="config.category && count <= 4 ? 'eager' : 'lazy'"
+                    width="200"
+                    height="200"
+                />
+                <x-rapidez::no-image v-else class="mb-3 h-48 rounded-t" />
+                <div class="px-2">
+                    <div class="text-base font-medium">@{{ item.name }}</div>
+                    @if (!Rapidez::config('catalog/frontend/show_swatches_in_product_list', 1))
+                        <div class="flex items-center space-x-2">
+                            <div class="font-semibold">@{{ (item.special_price || item.price) | price }}</div>
+                            <div class="text-sm line-through" v-if="item.special_price">@{{ item.price | price }}</div>
+                        </div>
+                    @endif
                     @if (App::providerIsLoaded('Rapidez\Reviews\ReviewsServiceProvider'))
                         <x-dynamic-component component="rapidez-reviews::stars" v-if="item.reviews_count" count="item.reviews_count" score="item.reviews_score" />
                     @endif
-                    </div>
-                </a>
-                @include('rapidez::listing.partials.item.addtocart')
-            </div>
-        </add-to-cart>
-    </div>
-</template>
+                </div>
+            </a>
+            @include('rapidez::listing.partials.item.addtocart')
+        </div>
+    </add-to-cart>
+</div>
diff --git a/resources/views/listing/partials/no-results.blade.php b/resources/views/listing/partials/no-results.blade.php
index e93cd3507..f78a5b6a9 100644
--- a/resources/views/listing/partials/no-results.blade.php
+++ b/resources/views/listing/partials/no-results.blade.php
@@ -1,3 +1,2 @@
-<div slot="renderNoResults">
-    @lang('Sorry! We did not find any products.')
-</div>
+@lang('Sorry! We did not find any products.')
+{{-- TODO: Can we make this more useful? --}}
diff --git a/resources/views/listing/partials/pagination.blade.php b/resources/views/listing/partials/pagination.blade.php
new file mode 100644
index 000000000..77fd16e06
--- /dev/null
+++ b/resources/views/listing/partials/pagination.blade.php
@@ -0,0 +1,52 @@
+<ais-pagination class="flex" v-on:page-change="scrollToElement('#products')">
+    <template v-slot="{ currentRefinement, nbPages, pages, isFirstPage, isLastPage, refine, createURL }">
+        <ul v-show="nbPages" class="flex gap-2 mx-auto">
+            <li v-if="!isFirstPage">
+                <x-rapidez::button
+                    ::href="createURL(0)"
+                    v-on:click.exact.left.prevent="refine(0)"
+                    :aria-label="__('First Page')"
+                >
+                    @lang('First')
+                </x-rapidez::button>
+            </li>
+            <li v-if="!isFirstPage">
+                <x-rapidez::button
+                    ::href="createURL(currentRefinement - 1)"
+                    v-on:click.exact.left.prevent="refine(currentRefinement - 1)"
+                    :aria-label="__('Previous Page')"
+                >
+                    @lang('Prev')
+                </x-rapidez::button>
+            </li>
+            <li v-for="page in pages" :key="page">
+                <x-rapidez::button
+                    ::href="createURL(page)"
+                    ::class="{ '!font-bold': page === currentRefinement }"
+                    v-on:click.exact.left.prevent="refine(page)"
+                    ::aria-label="`{{ __('Page') }} ${page + 1}`"
+                >
+                    @{{ page + 1 }}
+                </x-rapidez::button>
+            </li>
+            <li v-if="!isLastPage">
+                <x-rapidez::button
+                    ::href="createURL(currentRefinement + 1)"
+                    v-on:click.exact.left.prevent="refine(currentRefinement + 1)"
+                    :aria-label="__('Next Page')"
+                >
+                    @lang('Next')
+                </x-rapidez::button>
+            </li>
+            <li v-if="!isLastPage">
+                <x-rapidez::button
+                    ::href="createURL(nbPages)"
+                    v-on:click.exact.left.prevent="refine(nbPages)"
+                    :aria-label="__('Last Page')"
+                >
+                    @lang('Last')
+                </x-rapidez::button>
+            </li>
+        </ul>
+    </template>
+</ais-pagination>
diff --git a/resources/views/listing/partials/stats.blade.php b/resources/views/listing/partials/stats.blade.php
deleted file mode 100644
index 93d29cbdc..000000000
--- a/resources/views/listing/partials/stats.blade.php
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="flex-wrap flex-1 gap-1 text-sm items-center flex justify-between sm:text-base" slot="renderResultStats" slot-scope="{ numberOfResults, numberOfPages, currentPage, time }">
-    @{{ numberOfResults }} @lang('products')
-    <template v-if="numberOfPages > 1">
-        (@lang('page'): @{{ currentPage + 1 }}/@{{ numberOfPages }})
-    </template>
-
-    <div class="justify-self-end">
-        <div class="flex items-center gap-1 flex-wrap">
-            <label class="flex items-center gap-x-1.5">
-                <x-rapidez::label class="text-sm text-muted whitespace-nowrap mb-0">@lang('Items per page'):</x-rapidez::label>
-                <x-rapidez::input.select v-model="listingSlotProps.pageSize" class="w-20">
-                    <option
-                        v-for="size in $root.config.grid_per_page_values.concat($root.config.translations.all)"
-                        v-bind:value="size"
-                    >
-                        @{{ size }}
-                    </option>
-                </x-rapidez::input.select>
-            </label>
-        </div>
-    </div>
-</div>
diff --git a/resources/views/listing/partials/toolbar.blade.php b/resources/views/listing/partials/toolbar.blade.php
new file mode 100644
index 000000000..b842aa1fc
--- /dev/null
+++ b/resources/views/listing/partials/toolbar.blade.php
@@ -0,0 +1,13 @@
+{{-- TODO: Double check the responsiveness --}}
+<div class="flex gap-1 items-center text-sm">
+    <div class="flex-1">
+        @include('rapidez::listing.partials.toolbar.stats')
+    </div>
+    <label class="flex items-center gap-x-1.5">
+        <x-rapidez::label class="whitespace-nowrap mb-0">
+            @lang('Items per page'):
+        </x-rapidez::label>
+        @include('rapidez::listing.partials.toolbar.pages')
+    </label>
+    @include('rapidez::listing.partials.toolbar.sorting')
+</div>
diff --git a/resources/views/listing/partials/toolbar/pages.blade.php b/resources/views/listing/partials/toolbar/pages.blade.php
new file mode 100644
index 000000000..a66963936
--- /dev/null
+++ b/resources/views/listing/partials/toolbar/pages.blade.php
@@ -0,0 +1,17 @@
+<ais-hits-per-page :items="listingSlotProps.hitsPerPage">
+    <template v-slot="{ items, refine }">
+        <x-rapidez::input.select
+            v-bind:value="items.find(item => item.isRefined)?.value"
+            v-on:change="event => refine(event.target.value)"
+            class="w-20"
+        >
+            <option
+                v-for="item in items"
+                v-bind:key="item.value"
+                v-bind:value="item.value"
+            >
+                @{{ item.label }}
+            </option>
+        </x-rapidez::input.select>
+    </template>
+</ais-hits-per-page>
diff --git a/resources/views/listing/partials/toolbar/sorting.blade.php b/resources/views/listing/partials/toolbar/sorting.blade.php
new file mode 100644
index 000000000..3707877f9
--- /dev/null
+++ b/resources/views/listing/partials/toolbar/sorting.blade.php
@@ -0,0 +1,16 @@
+<ais-sort-by :items="sortOptions">
+    <template v-slot="{ items, currentRefinement, refine }">
+        <x-rapidez::input.select
+            v-bind:value="items.find(item => item.value === currentRefinement)?.value"
+            v-on:change="event => refine(event.target.value)"
+        >
+            <option
+                v-for="item in items"
+                v-bind:key="item.value"
+                v-bind:value="item.value"
+            >
+                @{{ item.label }}
+            </option>
+        </x-rapidez::input.select>
+    </template>
+</ais-sort-by>
diff --git a/resources/views/listing/partials/toolbar/stats.blade.php b/resources/views/listing/partials/toolbar/stats.blade.php
new file mode 100644
index 000000000..04f2c76cd
--- /dev/null
+++ b/resources/views/listing/partials/toolbar/stats.blade.php
@@ -0,0 +1,11 @@
+<ais-stats>
+    <template v-slot="{ nbPages, nbHits, page, processingTimeMS }">
+        @{{ nbHits }} @lang('products')
+        <template v-if="nbPages > 1">
+            (@lang('page'): @{{ page + 1 }} / @{{ nbPages }})
+        </template>
+        <template v-if="window.debug">
+            - @{{ processingTimeMS }}ms
+        </template>
+    </template>
+</ais-stats>
diff --git a/resources/views/listing/products.blade.php b/resources/views/listing/products.blade.php
index 40867d355..6587da694 100644
--- a/resources/views/listing/products.blade.php
+++ b/resources/views/listing/products.blade.php
@@ -1,26 +1,19 @@
-@php $dropdownClasses = '!h-auto !py-3 !px-5 !border-solid !border !border-default !rounded-md !py-2 !ring-0 focus:!border-muted !text-sm !text !outline-none max-md:w-full' @endphp
-<reactive-list
-    id="products"
-    class="*:flex-wrap *:gap-3 *:max-sm:gap-y-3 *:max-md:justify-end"
-    component-id="products"
-    data-field="name.keyword"
-    list-class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2 md:gap-5 mt-5 overflow-hidden"
-    :pagination="true"
-    v-on:page-click="scrollToElement('#products')"
-    :size="isNaN(parseInt(listingSlotProps.pageSize)) ? 10000 : parseInt(listingSlotProps.pageSize)"
-    :react="{and: reactiveFilters}"
-    :sort-options="sortOptions"
-    :inner-class="{
-        button: 'pagination-button',
-        current: 'current-button',
-        sortOptions: '{{ $dropdownClasses }}',
-        pagination: 'pagination'
-    }"
-    prev-label="@lang('Prev')"
-    next-label="@lang('Next')"
-    u-r-l-params
->
-    @include('rapidez::listing.partials.stats', compact('dropdownClasses'))
-    @include('rapidez::listing.partials.item')
-    @include('rapidez::listing.partials.no-results')
-</reactive-list>
+{{-- TODO: Is this wrapper with these classes still the cleanest option? --}}
+<div id="products" class="flex flex-col gap-3 *:flex-wrap *:gap-3 *:max-sm:gap-y-3 *:max-md:justify-end">
+    @include('rapidez::listing.partials.toolbar')
+
+    <ais-hits>
+        <template v-slot="{ items }">
+            <div v-if="items" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2 md:gap-5 overflow-hidden">
+                <template v-for="(item, count) in items">
+                    @include('rapidez::listing.partials.item')
+                </template>
+            </div>
+            <div v-else>
+                @include('rapidez::listing.partials.no-results')
+            </div>
+        </template>
+    </ais-hits>
+
+    @include('rapidez::listing.partials.pagination')
+</div>
diff --git a/resources/views/product/overview.blade.php b/resources/views/product/overview.blade.php
index fc075106e..dd4422bea 100644
--- a/resources/views/product/overview.blade.php
+++ b/resources/views/product/overview.blade.php
@@ -51,6 +51,7 @@
             </div>
         </div>
     </div>
+
     @if (App::providerIsLoaded('Rapidez\Reviews\ReviewsServiceProvider'))
         <div class="my-5 py-8 bg min-h-[515px]">
             <div class="container grid w-full grid-cols-1 gap-5 p-5 md:grid-cols-3">
@@ -65,8 +66,17 @@
             </div>
         </div>
     @endif
-    <div class="container">
-        <x-rapidez::productlist title="Related products" field="entity_id" :value="$product->relation_ids"/>
-        <x-rapidez::productlist title="We found other products you might like!" field="entity_id" :value="$product->upsell_ids"/>
+
+    <div class="container flex flex-col gap-5">
+        <x-rapidez::productlist
+            title="Related products"
+            field="entity_id"
+            :value="$product->relation_ids"
+        />
+        <x-rapidez::productlist
+            title="We found other products you might like!"
+            field="entity_id"
+            :value="$product->upsell_ids"
+        />
     </div>
 @endsection
diff --git a/resources/views/search/overview.blade.php b/resources/views/search/overview.blade.php
index a8979c391..1dcf65a91 100644
--- a/resources/views/search/overview.blade.php
+++ b/resources/views/search/overview.blade.php
@@ -7,7 +7,16 @@
 @section('content')
     <div class="container">
         <h1 class="font-bold text-3xl">@lang('Search for'): {{ request()->q }}</h1>
-        <x-rapidez::listing query="{
+
+        <x-rapidez::listing query="'visibility:(3 OR 4)'"/>
+
+
+        {{--
+        Is it possible to change this query to a "query string query"?
+        Or is there something else we can use better now?
+        --}}
+
+        {{-- <x-rapidez::listing query="{
             bool: {
                 must: [
                     { terms: { visibility: [3, 4] } },
@@ -40,6 +49,6 @@
                     ] } }
                 ],
             }
-        }"/>
+        }"/> --}}
     </div>
 @endsection
diff --git a/src/Commands/ElasticsearchIndexCommand.php b/src/Commands/ElasticsearchIndexCommand.php
deleted file mode 100644
index ccae869d1..000000000
--- a/src/Commands/ElasticsearchIndexCommand.php
+++ /dev/null
@@ -1,62 +0,0 @@
-<?php
-
-namespace Rapidez\Core\Commands;
-
-use Exception;
-use Illuminate\Console\Command;
-use Rapidez\Core\Facades\Rapidez;
-use Rapidez\Core\Models\Store;
-
-abstract class ElasticsearchIndexCommand extends Command
-{
-    public ElasticsearchIndexer $indexer;
-
-    public array $mapping = [];
-    public array $settings = [];
-    public array $synonymsFor = [];
-
-    public function __construct(ElasticsearchIndexer $indexer)
-    {
-        parent::__construct();
-        $this->indexer = $indexer;
-    }
-
-    public function indexAllStores(string $indexName, callable|iterable $items, callable|array|null $dataFilter = null, callable|string $id = 'entity_id'): void
-    {
-        $this->indexStores(Rapidez::getStores(), $indexName, $items, $dataFilter, $id);
-    }
-
-    public function indexStores(array $stores, string $indexName, callable|iterable $items, callable|array|null $dataFilter = null, callable|string $id = 'entity_id'): void
-    {
-        foreach ($stores as $store) {
-            $this->indexStore($store, $indexName, $items, $dataFilter, $id);
-        }
-    }
-
-    public function indexStore(Store|array $store, string $indexName, callable|iterable $items, callable|array|null $dataFilter = null, callable|string $id = 'entity_id'): void
-    {
-        $storeName = $store['name'] ?? $store['code'] ?? reset($store);
-        $this->line('Indexing `' . $indexName . '` for store ' . $storeName);
-
-        try {
-            $this->prepareIndexerWithStore($store, $indexName, $this->mapping, $this->settings, $this->synonymsFor);
-            $this->indexer->index($this->dataFrom($items), $dataFilter, $id);
-            $this->indexer->finish();
-        } catch (Exception $e) {
-            $this->indexer->abort();
-
-            throw $e;
-        }
-    }
-
-    public function prepareIndexerWithStore(Store|array $store, string $indexName, array $mapping = [], array $settings = [], array $synonymsFor = []): void
-    {
-        Rapidez::setStore($store);
-        $this->indexer->prepare(config('rapidez.es_prefix') . '_' . $indexName . '_' . $store['store_id'], $mapping, $settings, $synonymsFor);
-    }
-
-    public function dataFrom(callable|iterable $items)
-    {
-        return value($items, config()->get('rapidez.store_code'));
-    }
-}
diff --git a/src/Commands/ElasticsearchIndexer.php b/src/Commands/ElasticsearchIndexer.php
deleted file mode 100644
index 7556110b3..000000000
--- a/src/Commands/ElasticsearchIndexer.php
+++ /dev/null
@@ -1,151 +0,0 @@
-<?php
-
-namespace Rapidez\Core\Commands;
-
-use Carbon\Carbon;
-use Illuminate\Contracts\Support\Arrayable;
-use Illuminate\Support\Arr;
-use MailerLite\LaravelElasticsearch\Manager as Elasticsearch;
-use Rapidez\Core\Jobs\IndexJob;
-
-class ElasticsearchIndexer
-{
-    public string $alias;
-    public string $index;
-
-    protected Elasticsearch $elasticsearch;
-
-    public function __construct(Elasticsearch $elasticsearch)
-    {
-        $this->elasticsearch = $elasticsearch;
-    }
-
-    public function deleteIndex(string $index): void
-    {
-        $this->elasticsearch->indices()->delete(['index' => $index]);
-    }
-
-    public function index(iterable|object $data, callable|array|null $dataFilter, callable|string $id = 'entity_id'): void
-    {
-        if (is_iterable($data)) {
-            $this->indexItems($data, $dataFilter, $id);
-        } else {
-            $this->indexItem($data, $dataFilter, $id);
-        }
-    }
-
-    public function indexItems(iterable $items, callable|array|null $dataFilter, callable|string $id = 'entity_id'): void
-    {
-        foreach ($items as $item) {
-            $this->indexItem($item, $dataFilter, $id);
-        }
-    }
-
-    public function indexItem(object $item, callable|array|null $dataFilter, callable|string $id = 'entity_id'): void
-    {
-        if (is_null($item)) {
-            return;
-        }
-
-        $currentValues = match (true) {
-            is_callable($dataFilter) => $dataFilter($item),
-            is_null($dataFilter)     => $item,
-            default                  => Arr::only($item instanceof Arrayable ? $item->toArray() : (array) $item, $dataFilter),
-        };
-
-        if (is_null($currentValues)) {
-            return;
-        }
-
-        $currentId = is_callable($id)
-            ? $id($item)
-            : data_get($item, $id);
-
-        if (is_null($currentId)) {
-            return;
-        }
-
-        IndexJob::dispatch($this->index, $currentId, $currentValues);
-    }
-
-    public function prepare(string $indexName, array $mapping = [], array $settings = [], array $synonymsFor = []): void
-    {
-        data_set($settings, 'index.analysis.analyzer.default', [
-            'filter'    => ['lowercase', 'asciifolding'],
-            'tokenizer' => 'standard',
-        ]);
-
-        if (count($synonymsFor)) {
-            $synonyms = config('rapidez.models.search_synonym')::whereIn('store_id', [0, config('rapidez.store')])
-                ->get()
-                ->map(fn ($synonym) => $synonym->synonyms)
-                ->toArray();
-
-            data_set($settings, 'index.analysis.filter.synonym', ['type' => 'synonym_graph', 'synonyms' => $synonyms]);
-            data_set($settings, 'index.analysis.analyzer.synonym', [
-                'filter'    => ['lowercase', 'asciifolding', 'synonym'],
-                'tokenizer' => 'standard',
-            ]);
-
-            foreach ($synonymsFor as $property) {
-                data_set($mapping, 'properties.' . $property . '.type', 'text');
-                data_set($mapping, 'properties.' . $property . '.analyzer', 'synonym');
-                data_set($mapping, 'properties.' . $property . '.fields', [
-                    'keyword' => [
-                        'type'         => 'keyword',
-                        'ignore_above' => 256,
-                    ],
-                ]);
-            }
-        }
-
-        $this->createAlias($indexName);
-        $this->createIndex($this->index, $mapping, $settings);
-    }
-
-    public function finish(): void
-    {
-        $this->switchAlias($this->alias, $this->index);
-    }
-
-    public function abort(): void
-    {
-        $this->deleteIndex($this->index);
-    }
-
-    public function createAlias(string $indexName): void
-    {
-        $this->alias = $indexName;
-        $this->index = $this->alias . '_' . Carbon::now()->format('YmdHis');
-    }
-
-    public function createIndex(string $index, array $mapping = [], array $settings = []): void
-    {
-        $this->elasticsearch->indices()->create([
-            'index' => $index,
-            'body'  => array_filter([
-                'mappings' => $mapping,
-                'settings' => $settings,
-            ]),
-        ]);
-    }
-
-    public function switchAlias(string $alias, string $index): void
-    {
-        $this->elasticsearch->indices()->putAlias([
-            'index' => $index,
-            'name'  => $alias,
-        ]);
-
-        $aliases = $this->elasticsearch->indices()->getAlias(['name' => $alias]);
-        foreach ($aliases as $indexLinkedToAlias => $aliasData) {
-            if ($indexLinkedToAlias != $index) {
-                $this->elasticsearch->indices()->deleteAlias([
-                    'index' => $indexLinkedToAlias,
-                    'name'  => $alias,
-                ]);
-                $this->elasticsearch->indices()->delete(['index' => $indexLinkedToAlias]);
-            }
-        }
-    }
-}
diff --git a/src/Commands/IndexCategoriesCommand.php b/src/Commands/IndexCategoriesCommand.php
deleted file mode 100644
index 6bdaa4e51..000000000
--- a/src/Commands/IndexCategoriesCommand.php
+++ /dev/null
@@ -1,37 +0,0 @@
-<?php
-
-namespace Rapidez\Core\Commands;
-
-use Rapidez\Core\Facades\Rapidez;
-use TorMorten\Eventy\Facades\Eventy;
-
-class IndexCategoriesCommand extends ElasticsearchIndexCommand
-{
-    protected $signature = 'rapidez:index:categories {store? : Store ID from Magento}';
-
-    protected $description = 'Index the Rapidez categories to Elasticsearch';
-
-    public function handle(): int
-    {
-        $this->synonymsFor = ['name'];
-
-        $this->indexStores(
-            stores: Rapidez::getStores($this->argument('store')),
-            indexName: 'categories',
-            items: $this->getCategories(...),
-            dataFilter: fn ($data) => Eventy::filter('index.category.data', $data),
-        );
-
-        return 0;
-    }
-
-    public function getCategories()
-    {
-        return config('rapidez.models.category')::withEventyGlobalScopes('index.categories.scopes')
-            ->select((new (config('rapidez.models.category')))->qualifyColumns(['entity_id', 'name', 'url_path']))
-            ->whereNotNull('url_key')
-            ->whereNot('url_key', 'default-category')
-            ->has('products')
-            ->get() ?? [];
-    }
-}
diff --git a/src/Commands/IndexCommand.php b/src/Commands/IndexCommand.php
new file mode 100644
index 000000000..92be53191
--- /dev/null
+++ b/src/Commands/IndexCommand.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace Rapidez\Core\Commands;
+
+use Illuminate\Console\Command;
+use Rapidez\Core\Events\IndexAfterEvent;
+use Rapidez\Core\Events\IndexBeforeEvent;
+use Rapidez\Core\Facades\Rapidez;
+use Rapidez\Core\Models\Traits\Searchable;
+
+class IndexCommand extends Command
+{
+    protected $signature = 'rapidez:index {--t|types= : To specify types of models to index, separated by commas} {--s|store= : To specify store IDs from Magento, separated by commas}';
+
+    protected $description = 'Index all searchable models into ElasticSearch';
+
+    public function handle()
+    {
+        $baseSearchableModels = collect(config('rapidez.models'))
+            ->filter(fn ($class) => in_array(Searchable::class, class_uses_recursive($class)))
+            ->merge(config('rapidez.indexer.extra_models'));
+
+        $types = $this->option('types')
+            ? $baseSearchableModels->only(explode(',', $this->option('types')))
+            : $baseSearchableModels;
+
+        $stores = $this->option('store')
+            ? Rapidez::getStores(explode(',', $this->option('store')))
+            : Rapidez::getStores();
+
+        $this->call('cache:clear');
+
+        IndexBeforeEvent::dispatch($this);
+
+        foreach ($stores as $store) {
+            Rapidez::setStore($store);
+
+            $this->line('Store: ' . $store['name']);
+
+            foreach ($types as $type => $model) {
+                config()->set('rapidez.index', $type);
+
+                $this->call('scout:import', [
+                    'searchable' => $model,
+                ]);
+            }
+        }
+
+        IndexAfterEvent::dispatch($this);
+    }
+}
diff --git a/src/Commands/IndexProductsCommand.php b/src/Commands/IndexProductsCommand.php
deleted file mode 100644
index d33026426..000000000
--- a/src/Commands/IndexProductsCommand.php
+++ /dev/null
@@ -1,133 +0,0 @@
-<?php
-
-namespace Rapidez\Core\Commands;
-
-use Exception;
-use Illuminate\Support\Arr;
-use Illuminate\Support\Collection;
-use Rapidez\Core\Events\IndexAfterEvent;
-use Rapidez\Core\Events\IndexBeforeEvent;
-use Rapidez\Core\Facades\Rapidez;
-use Rapidez\Core\Models\Category;
-use Rapidez\Core\Models\CategoryProduct;
-use TorMorten\Eventy\Facades\Eventy;
-
-class IndexProductsCommand extends ElasticsearchIndexCommand
-{
-    protected $signature = 'rapidez:index {store? : Store ID from Magento}';
-
-    protected $description = 'Index the products in Elasticsearch';
-
-    protected int $chunkSize = 500;
-
-    public function handle()
-    {
-        $this->call('cache:clear');
-
-        IndexBeforeEvent::dispatch($this);
-
-        $productModel = config('rapidez.models.product');
-        $stores = Rapidez::getStores($this->argument('store'));
-        foreach ($stores as $store) {
-            $this->line('Store: ' . $store['name']);
-            $this->prepareIndexerWithStore($store, 'products', Eventy::filter('index.product.mapping', [
-                'properties' => [
-                    'price' => [
-                        'type' => 'double',
-                    ],
-                    'children' => [
-                        'type' => 'flattened',
-                    ],
-                    'grouped' => [
-                        'type' => 'flattened',
-                    ],
-                    'positions' => [
-                        'type' => 'flattened',
-                    ],
-                ],
-            ]), Eventy::filter('index.product.settings', []), ['name']);
-            try {
-                $maxPositions = CategoryProduct::query()
-                    ->selectRaw('GREATEST(MAX(position), 0) as position')
-                    ->addSelect('category_id')
-                    ->groupBy('category_id')
-                    ->pluck('position', 'category_id');
-
-                $productQuery = $productModel::selectOnlyIndexable()
-                    ->with(['categoryProducts', 'reviewSummary'])
-                    ->withEventyGlobalScopes('index.product.scopes')
-                    ->withExists('options AS has_options');
-
-                $bar = $this->output->createProgressBar($productQuery->getQuery()->getCountForPagination());
-                $bar->start();
-
-                $categories = Category::withEventyGlobalScopes('index.category.scopes')
-                    ->where('catalog_category_flat_store_' . config('rapidez.store') . '.entity_id', '<>', Rapidez::config('catalog/category/root_id', 2))
-                    ->pluck('name', 'entity_id');
-
-                $showOutOfStock = (bool) Rapidez::config('cataloginventory/options/show_out_of_stock', 0);
-                $indexVisibility = config('rapidez.indexer.visibility');
-
-                $productQuery->chunk($this->chunkSize, function ($products) use ($store, $bar, $categories, $showOutOfStock, $indexVisibility, $maxPositions) {
-                    $this->indexer->index($products, function ($product) use ($store, $categories, $showOutOfStock, $indexVisibility, $maxPositions) {
-                        if (! in_array($product->visibility, $indexVisibility)) {
-                            return;
-                        }
-
-                        if (! $showOutOfStock && ! $product->in_stock) {
-                            return;
-                        }
-
-                        $data = array_merge(['store' => $store['store_id']], $product->toArray());
-
-                        foreach ($product->super_attributes ?: [] as $superAttribute) {
-                            $data['super_' . $superAttribute->code] = $superAttribute->text_swatch || $superAttribute->visual_swatch
-                                ? array_keys((array) $product->{'super_' . $superAttribute->code})
-                                : Arr::pluck($product->{'super_' . $superAttribute->code} ?: [], 'label');
-                        }
-
-                        $data = $this->withCategories($data, $categories);
-
-                        $data['positions'] = $product->categoryProducts
-                            ->pluck('position', 'category_id')
-                            // Turn all positions positive
-                            ->mapWithKeys(fn ($position, $category_id) => [$category_id => $maxPositions[$category_id] - $position]);
-
-                        return Eventy::filter('index.product.data', $data, $product);
-                    });
-
-                    $bar->advance($products->count());
-                });
-
-                $this->indexer->finish();
-            } catch (Exception $e) {
-                $this->indexer->abort();
-
-                throw $e;
-            }
-
-            $bar->finish();
-            $this->line('');
-        }
-
-        IndexAfterEvent::dispatch($this);
-        $this->info('Done!');
-    }
-
-    public function withCategories(array $data, Collection $categories): array
-    {
-        foreach ($data['category_paths'] as $categoryPath) {
-            $category = [];
-            foreach (explode('/', $categoryPath) as $categoryId) {
-                if (isset($categories[$categoryId])) {
-                    $category[] = $categoryId . '::' . $categories[$categoryId];
-                }
-            }
-            if (! empty($category)) {
-                $data['categories'][] = implode(' /// ', $category);
-            }
-        }
-
-        return $data;
-    }
-}
diff --git a/src/Http/ViewComposers/ConfigComposer.php b/src/Http/ViewComposers/ConfigComposer.php
index 65eb9df71..4bcfb1f55 100644
--- a/src/Http/ViewComposers/ConfigComposer.php
+++ b/src/Http/ViewComposers/ConfigComposer.php
@@ -10,52 +10,39 @@
 use Illuminate\View\View;
 use Rapidez\Core\Facades\Rapidez;
 
+// TODO: Can we improve anything in this file?
+// It doesn't feel very clean currently.
 class ConfigComposer
 {
     public function compose(View $view)
     {
+        $this
+            ->exposeGraphqlQueries()
+            ->configureSearchkit();
+
         $exposedFrontendConfigValues = Arr::only(
-            array_merge_recursive(config('rapidez'), config('rapidez.frontend')),
-            array_merge(config('rapidez.frontend.exposed'), ['store_code'])
+            array_merge_recursive(
+                config('rapidez'),
+                config('rapidez.frontend'),
+                config('rapidez.searchkit'),
+            ),
+            array_merge(
+                config('rapidez.frontend.exposed'),
+                ['store_code', 'index', 'searchkit'],
+            ),
         );
 
         Config::set('frontend', array_merge(
             config('frontend') ?: [],
             $exposedFrontendConfigValues,
-            $this->getConfig()
+            $this->getConfig(),
         ));
 
-        Config::set('frontend.queries', [
-            'customer'                           => view('rapidez::customer.queries.customer')->renderOneliner(),
-            'setGuestEmailOnCart'                => view('rapidez::checkout.queries.setGuestEmailOnCart')->renderOneliner(),
-            'setNewShippingAddressesOnCart'      => view('rapidez::checkout.queries.setNewShippingAddressesOnCart')->renderOneliner(),
-            'setExistingShippingAddressesOnCart' => view('rapidez::checkout.queries.setExistingShippingAddressesOnCart')->renderOneliner(),
-            'setNewBillingAddressOnCart'         => view('rapidez::checkout.queries.setNewBillingAddressOnCart')->renderOneliner(),
-            'setExistingBillingAddressOnCart'    => view('rapidez::checkout.queries.setExistingBillingAddressOnCart')->renderOneliner(),
-            'setShippingMethodsOnCart'           => view('rapidez::checkout.queries.setShippingMethodsOnCart')->renderOneliner(),
-            'setPaymentMethodOnCart'             => view('rapidez::checkout.queries.setPaymentMethodOnCart')->renderOneliner(),
-            'placeOrder'                         => view('rapidez::checkout.queries.placeOrder')->renderOneliner(),
-        ]);
-
-        Config::set('frontend.fragments', [
-            'cart'    => view('rapidez::cart.queries.fragments.cart')->renderOneliner(),
-            'order'   => view('rapidez::checkout.queries.fragments.order')->renderOneliner(),
-            'orderV2' => view('rapidez::checkout.queries.fragments.orderV2')->renderOneliner(),
-        ]);
-
         Event::dispatch('rapidez:frontend-config-composed');
     }
 
     public function getConfig(): array
     {
-        $attributeModel = config('rapidez.models.attribute');
-        $searchableAttributes = Arr::pluck(
-            $attributeModel::getCachedWhere(fn ($attribute) => $attribute['search'] && in_array($attribute['type'], ['text', 'varchar', 'static'])
-            ),
-            'search_weight',
-            'code'
-        );
-
         return [
             'locale'                       => Rapidez::config('general/locale/code', 'en_US'),
             'default_country'              => Rapidez::config('general/country/default', 'NL'),
@@ -65,12 +52,17 @@ public function getConfig(): array
             'show_swatches'                => (bool) Rapidez::config('catalog/frontend/show_swatches_in_product_list'),
             'translations'                 => __('rapidez::frontend'),
             'recaptcha'                    => Rapidez::config('recaptcha_frontend/type_recaptcha_v3/public_key', null, true),
-            'searchable'                   => array_merge($searchableAttributes, config('rapidez.indexer.searchable')),
             'show_customer_address_fields' => $this->getCustomerAddressFields(),
             'street_lines'                 => Rapidez::config('customer/address/street_lines', 2),
             'show_tax'                     => (bool) Rapidez::config('tax/display/type', 1),
             'grid_per_page'                => Rapidez::config('catalog/frontend/grid_per_page', 12),
             'grid_per_page_values'         => explode(',', Rapidez::config('catalog/frontend/grid_per_page_values', '12,24,36')),
+
+            // TODO: For the products we've the `rapidez.index` config
+            // set from the `src/Rapidez.php` which is accessible
+            // in the frontend with `config.index`, maybe we
+            // should change that to `config.index.TYPE`?
+            'index_prefix' => config('scout.prefix'),
         ];
     }
 
@@ -94,4 +86,60 @@ public function getCustomerAddressFields(): array
             'fax'         => Rapidez::config('customer/address/fax_show', 'opt'),
         ];
     }
+
+    public function exposeGraphqlQueries(): self
+    {
+        $checkoutQueries = [
+            'setGuestEmailOnCart',
+            'setNewShippingAddressesOnCart',
+            'setExistingShippingAddressesOnCart',
+            'setNewBillingAddressOnCart',
+            'setExistingBillingAddressOnCart',
+            'setShippingMethodsOnCart',
+            'setPaymentMethodOnCart',
+            'placeOrder',
+        ];
+
+        // TODO: Maybe limit this to just the checkout pages?
+        foreach ($checkoutQueries as $checkoutQuery) {
+            Config::set(
+                'frontend.queries.' . $checkoutQuery,
+                view('rapidez::checkout.queries.' . $checkoutQuery)->renderOneliner()
+            );
+        }
+
+        Config::set(
+            'frontend.queries.customer',
+            view('rapidez::customer.queries.customer')->renderOneliner()
+        );
+
+        Config::set('frontend.fragments', [
+            'cart'    => view('rapidez::cart.queries.fragments.cart')->renderOneliner(),
+            'order'   => view('rapidez::checkout.queries.fragments.order')->renderOneliner(),
+            'orderV2' => view('rapidez::checkout.queries.fragments.orderV2')->renderOneliner(),
+        ]);
+
+        return $this;
+    }
+
+    public function configureSearchkit(): self
+    {
+        $attributeModel = config('rapidez.models.attribute');
+
+        // Get all searchable attributes from Magento.
+        $searchableAttributes = $attributeModel::getCachedWhere(function ($attribute) {
+            return $attribute['search']
+                && in_array($attribute['type'], ['text', 'varchar', 'static']);
+        });
+
+        // Map and merge them with the config.
+        $searchableAttributes = collect($searchableAttributes)->map(fn ($attribute) => [
+            'field'  => $attribute['code'],
+            'weight' => $attribute['search_weight'],
+        ])->merge(config('rapidez.searchkit.search_attributes'))->values()->toArray();
+
+        Config::set('rapidez.searchkit.search_attributes', $searchableAttributes);
+
+        return $this;
+    }
 }
diff --git a/src/Jobs/IndexJob.php b/src/Jobs/IndexJob.php
deleted file mode 100644
index 4f3214ac9..000000000
--- a/src/Jobs/IndexJob.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace Rapidez\Core\Jobs;
-
-use Illuminate\Contracts\Support\Arrayable;
-use Illuminate\Foundation\Bus\Dispatchable;
-use MailerLite\LaravelElasticsearch\Manager as Elasticsearch;
-
-class IndexJob
-{
-    use Dispatchable;
-
-    protected string $index;
-    protected int|string $id;
-    protected array $values;
-
-    public function __construct(string $index, int|string $id, $values)
-    {
-        $this->index = $index;
-        $this->id = $id;
-        $this->values = ($values instanceof Arrayable ? $values->toArray() : (array) $values);
-    }
-
-    public function handle(Elasticsearch $elasticsearch)
-    {
-        $elasticsearch->index([
-            'index' => $this->index,
-            'id'    => $this->id,
-            'body'  => $this->values,
-        ]);
-    }
-}
diff --git a/src/Models/Attribute.php b/src/Models/Attribute.php
index 532d04a8a..4f5f40bc3 100644
--- a/src/Models/Attribute.php
+++ b/src/Models/Attribute.php
@@ -20,8 +20,10 @@ protected static function booting()
 
     protected function filter(): CastsAttribute
     {
+        // TODO: Double check; this config has been (re)moved.
         return CastsAttribute::make(
-            get: fn ($value) => $value || in_array($this->code, config('rapidez.indexer.additional_filters')),
+            get: fn ($value) => $value || []
+            // in_array($this->code, config('rapidez.indexer.additional_filters')),
         )->shouldCache();
     }
 
diff --git a/src/Models/Category.php b/src/Models/Category.php
index 9a5863a20..72a8bab63 100644
--- a/src/Models/Category.php
+++ b/src/Models/Category.php
@@ -7,10 +7,14 @@
 use Illuminate\Database\Eloquent\Relations\HasManyThrough;
 use Rapidez\Core\Models\Scopes\IsActiveScope;
 use Rapidez\Core\Models\Traits\HasAlternatesThroughRewrites;
+use Rapidez\Core\Models\Traits\Searchable;
 
 class Category extends Model
 {
     use HasAlternatesThroughRewrites;
+    use Searchable;
+
+    protected $primaryKey = 'entity_id';
 
     protected $casts = [
         self::UPDATED_AT => 'datetime',
@@ -52,11 +56,6 @@ protected static function booting()
         });
     }
 
-    public function getKeyName()
-    {
-        return $this->getTable() . '.entity_id';
-    }
-
     public function getTable()
     {
         return 'catalog_category_flat_store_' . config('rapidez.store');
@@ -104,4 +103,15 @@ public function getParentcategoriesAttribute()
             ->orderByRaw('FIELD(' . $this->getTable() . '.entity_id,' . implode(',', $categoryIds) . ')')
             ->get();
     }
+
+    protected function makeAllSearchableUsing(Builder $query)
+    {
+        // TODO: Is this filter still useful? You could override and
+        // extend the existing model which gives you full control
+        return $query->withEventyGlobalScopes('index.categories.scopes')
+            ->select((new (config('rapidez.models.category')))->qualifyColumns(['entity_id', 'name']))
+            ->whereNotNull('url_key')
+            ->whereNot('url_key', 'default-category')
+            ->has('products');
+    }
 }
diff --git a/src/Models/Product.php b/src/Models/Product.php
index e8f2664e6..40ba16120 100644
--- a/src/Models/Product.php
+++ b/src/Models/Product.php
@@ -8,10 +8,13 @@
 use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Relations\HasOne;
 use Illuminate\Database\Eloquent\Relations\HasOneThrough;
+use Illuminate\Support\Arr;
+use Illuminate\Support\Facades\Cache;
 use Rapidez\Core\Casts\Children;
 use Rapidez\Core\Casts\CommaSeparatedToArray;
 use Rapidez\Core\Casts\CommaSeparatedToIntegerArray;
 use Rapidez\Core\Casts\DecodeHtmlEntities;
+use Rapidez\Core\Facades\Rapidez;
 use Rapidez\Core\Models\Scopes\Product\WithProductAttributesScope;
 use Rapidez\Core\Models\Scopes\Product\WithProductCategoryInfoScope;
 use Rapidez\Core\Models\Scopes\Product\WithProductChildrenScope;
@@ -23,6 +26,7 @@
 use Rapidez\Core\Models\Traits\Product\CastMultiselectAttributes;
 use Rapidez\Core\Models\Traits\Product\CastSuperAttributes;
 use Rapidez\Core\Models\Traits\Product\SelectAttributeScopes;
+use Rapidez\Core\Models\Traits\Searchable;
 use TorMorten\Eventy\Facades\Eventy;
 
 class Product extends Model
@@ -30,6 +34,7 @@ class Product extends Model
     use CastMultiselectAttributes;
     use CastSuperAttributes;
     use HasAlternatesThroughRewrites;
+    use Searchable;
     use SelectAttributeScopes;
 
     public array $attributesToSelect = [];
@@ -256,4 +261,105 @@ public static function exist($productId): bool
     {
         return self::withoutGlobalScopes()->where('entity_id', $productId)->exists();
     }
+
+    protected function makeAllSearchableUsing(Builder $query)
+    {
+        return $query->selectOnlyIndexable()
+            ->with(['categoryProducts', 'reviewSummary'])
+            ->withEventyGlobalScopes('index.product.scopes');
+    }
+
+    public function shouldBeSearchable(): bool
+    {
+        if (! in_array($this->visibility, config('rapidez.indexer.visibility'))) {
+            return false;
+        }
+
+        $showOutOfStock = (bool) Rapidez::config('cataloginventory/options/show_out_of_stock', 0);
+        if (! $showOutOfStock && ! $this->in_stock) {
+            return false;
+        }
+
+        return true;
+    }
+
+    public function searchableData(array $data, Product $product): array
+    {
+        $data['store'] = config('rapidez.store');
+
+        // TODO: Can we do this without having to cache this?
+        $maxPositions = Cache::driver('array')->rememberForever('max-positions-' . config('rapidez.store'), function () {
+            return CategoryProduct::query()
+                ->selectRaw('GREATEST(MAX(position), 0) as position')
+                ->addSelect('category_id')
+                ->groupBy('category_id')
+                ->pluck('position', 'category_id');
+        });
+
+        foreach ($product->super_attributes ?: [] as $superAttribute) {
+            $data['super_' . $superAttribute->code] = $superAttribute->text_swatch || $superAttribute->visual_swatch
+                ? array_keys((array) $product->{'super_' . $superAttribute->code})
+                : Arr::pluck($product->{'super_' . $superAttribute->code} ?: [], 'label');
+        }
+
+        $data = $this->withCategories($data);
+
+        $data['positions'] = $product->categoryProducts
+            ->pluck('position', 'category_id')
+            // Turn all positions positive
+            ->mapWithKeys(fn ($position, $category_id) => [$category_id => $maxPositions[$category_id] - $position]);
+
+        return $data;
+    }
+
+    // TODO: With this and all methods above this model
+    // is getting pretty big... can we move this?
+    public function withCategories(array $data): array
+    {
+        // TODO: Do we still need to do this in this way? Can we refactor this to be nicer now that we're using Scout?
+        $categories = Cache::driver('array')->rememberForever('categories-' . config('rapidez.store'), function () {
+            return Category::withEventyGlobalScopes('index.category.scopes')
+                ->where('catalog_category_flat_store_' . config('rapidez.store') . '.entity_id', '<>', Rapidez::config('catalog/category/root_id', 2))
+                ->pluck('name', 'entity_id');
+        });
+
+        foreach ($data['category_paths'] as $categoryPath) {
+            $category = [];
+            foreach (explode('/', $categoryPath) as $categoryId) {
+                if (isset($categories[$categoryId])) {
+                    $category[] = $categoryId . '::' . $categories[$categoryId];
+                }
+            }
+            if (! empty($category)) {
+                $data['categories'][] = implode(' /// ', $category);
+            }
+        }
+
+        foreach ($data['category_paths'] as $categoryPath) {
+            $paths = explode('/', $categoryPath);
+            $paths = array_slice($paths, array_search(config('rapidez.root_category_id'), $paths) + 1);
+
+            $categoryHierarchy = [];
+            $currentPath = '';
+
+            foreach ($paths as $categoryId) {
+                if (isset($categories[$categoryId])) {
+                    $currentPath .= ($currentPath ? ' > ' : '') . $categories[$categoryId];
+                    $categoryHierarchy[] = $currentPath;
+                }
+            }
+
+            foreach ($categoryHierarchy as $level => $category) {
+                $data['category_lvl' . ($level + 1)][] = $category;
+            }
+        }
+
+        foreach ($data as $key => &$value) {
+            if (str_starts_with($key, 'category_lvl')) {
+                $value = array_values(array_unique($value));
+            }
+        }
+
+        return $data;
+    }
 }
diff --git a/src/Models/Traits/Searchable.php b/src/Models/Traits/Searchable.php
new file mode 100644
index 000000000..92ccddab1
--- /dev/null
+++ b/src/Models/Traits/Searchable.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Rapidez\Core\Models\Traits;
+
+use Exception;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\Model;
+use Laravel\Scout\Searchable as ScoutSearchable;
+use TorMorten\Eventy\Facades\Eventy;
+
+trait Searchable
+{
+    use ScoutSearchable;
+
+    public function toSearchableArray(): array
+    {
+        $data = $this->searchableData($this->toArray(), $this);
+
+        // TODO: Is this filter still useful? Overriding the model gives you full control
+        return Eventy::filter('index.' . config('rapidez.index') . '.data', $data, $this);
+    }
+
+    // TODO: Not sure if this is the best idea, we already
+    // have the toSearchableArray for this.
+    public function searchableData(array $data, Model $model): array
+    {
+        // Customize the data with this function.
+        // - $data is the actual array with data.
+        // - $model is useful for when you want to retrieve data from the actual model (e.g. relations).
+        // Return the array with data that you want to send to ES.
+
+        return $data;
+    }
+
+    public function shouldBeSearchable(): bool
+    {
+        return true;
+    }
+
+    public function searchableAs(): string
+    {
+        if (! config('rapidez.index')) {
+            throw new Exception('Do not use Scout directly. Please use `php artisan rapidez:index`.');
+        }
+
+        return implode('_', array_values([
+            config('scout.prefix'),
+            // TODO: Maybe use the model name here?
+            config('rapidez.index'),
+            config('rapidez.store'),
+        ]));
+    }
+
+    protected function makeAllSearchableUsing(Builder $query)
+    {
+        return $query;
+    }
+
+    public function makeSearchableUsing(Collection $models): Collection
+    {
+        return $models;
+    }
+}
diff --git a/src/Rapidez.php b/src/Rapidez.php
index e2c17c2fd..264fef95e 100644
--- a/src/Rapidez.php
+++ b/src/Rapidez.php
@@ -86,7 +86,7 @@ public function fancyMagentoSyntaxDecoder(string $encodedString): object
         return json_decode(str_replace(array_values($mapping), array_keys($mapping), $encodedString));
     }
 
-    public function getStores(callable|int|string|null $store = null): array
+    public function getStores(callable|array|int|string|null $store = null): array
     {
         $storeModel = config('rapidez.models.store');
 
@@ -94,7 +94,7 @@ public function getStores(callable|int|string|null $store = null): array
             return Arr::where($storeModel::getCached(),
                 fn ($s) => is_callable($store)
                     ? $store($s)
-                    : $s['store_id'] == $store || $s['code'] == $store
+                    : in_array($s['store_id'], Arr::wrap($store)) || in_array($s['code'], Arr::wrap($store))
             );
         }
 
diff --git a/src/RapidezServiceProvider.php b/src/RapidezServiceProvider.php
index 428bb3e99..02148fd88 100644
--- a/src/RapidezServiceProvider.php
+++ b/src/RapidezServiceProvider.php
@@ -17,12 +17,10 @@
 use Lcobucci\JWT\Validation\RequiredConstraintsViolated;
 use Rapidez\Core\Auth\MagentoCartTokenGuard;
 use Rapidez\Core\Auth\MagentoCustomerTokenGuard;
-use Rapidez\Core\Commands\IndexCategoriesCommand;
-use Rapidez\Core\Commands\IndexProductsCommand;
+use Rapidez\Core\Commands\IndexCommand;
 use Rapidez\Core\Commands\InstallCommand;
 use Rapidez\Core\Commands\InstallTestsCommand;
 use Rapidez\Core\Commands\ValidateCommand;
-use Rapidez\Core\Events\IndexBeforeEvent;
 use Rapidez\Core\Events\ProductViewEvent;
 use Rapidez\Core\Facades\Rapidez as RapidezFacade;
 use Rapidez\Core\Http\Controllers\Fallback\CmsPageController;
@@ -48,6 +46,7 @@ class RapidezServiceProvider extends ServiceProvider
         'jwt',
         'models',
         'routing',
+        'searchkit',
         'system',
     ];
 
@@ -88,17 +87,12 @@ protected function bootAuth(): self
     protected function bootCommands(): self
     {
         $this->commands([
-            IndexProductsCommand::class,
-            IndexCategoriesCommand::class,
+            IndexCommand::class,
             ValidateCommand::class,
             InstallCommand::class,
             InstallTestsCommand::class,
         ]);
 
-        Event::listen(IndexBeforeEvent::class, function ($event) {
-            $event->context->call('rapidez:index:categories');
-        });
-
         return $this;
     }
 
diff --git a/yarn.lock b/yarn.lock
index 5ed037ebe..eb8b41c7f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,49 @@
 # yarn lockfile v1
 
 
+"@algolia/autocomplete-core@1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.17.9.tgz#83374c47dc72482aa45d6b953e89377047f0dcdc"
+  integrity sha512-O7BxrpLDPJWWHv/DLA9DRFWs+iY1uOJZkqUwjS5HSZAGcl0hIVCQ97LTLewiZmZ402JYUrun+8NqFP+hCknlbQ==
+  dependencies:
+    "@algolia/autocomplete-plugin-algolia-insights" "1.17.9"
+    "@algolia/autocomplete-shared" "1.17.9"
+
+"@algolia/autocomplete-js@^1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-js/-/autocomplete-js-1.17.9.tgz#2f7e5599fdfe7d6c44b82ac5b64662b487615465"
+  integrity sha512-51xmsIfApj8LEceArnLe3UfS8HSgJJa70FUEYpnLryO6+KZL0pDPQHw1uVw6e5yJiKN0KelDmk2Sa2uJ+gVKJw==
+  dependencies:
+    "@algolia/autocomplete-core" "1.17.9"
+    "@algolia/autocomplete-preset-algolia" "1.17.9"
+    "@algolia/autocomplete-shared" "1.17.9"
+    htm "^3.1.1"
+    preact "^10.13.2"
+
+"@algolia/autocomplete-plugin-algolia-insights@1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.17.9.tgz#74c86024d09d09e8bfa3dd90b844b77d9f9947b6"
+  integrity sha512-u1fEHkCbWF92DBeB/KHeMacsjsoI0wFhjZtlCq2ddZbAehshbZST6Hs0Avkc0s+4UyBGbMDnSuXHLuvRWK5iDQ==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.17.9"
+
+"@algolia/autocomplete-preset-algolia@1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.9.tgz#911f3250544eb8ea4096fcfb268f156b085321b5"
+  integrity sha512-Na1OuceSJeg8j7ZWn5ssMu/Ax3amtOwk76u4h5J4eK2Nx2KB5qt0Z4cOapCsxot9VcEN11ADV5aUSlQF4RhGjQ==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.17.9"
+
+"@algolia/autocomplete-shared@1.17.9":
+  version "1.17.9"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.9.tgz#5f38868f7cb1d54b014b17a10fc4f7e79d427fa8"
+  integrity sha512-iDf05JDQ7I0b7JEA/9IektxN/80a2MZ1ToohfmNS3rfeuQnIKI3IJlIafD0xu4StbtQTghx9T3Maa97ytkXenQ==
+
+"@algolia/events@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@algolia/events/-/events-4.0.1.tgz#fd39e7477e7bc703d7f893b556f676c032af3950"
+  integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==
+
 "@alloc/quick-lru@^5.2.0":
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
@@ -15,54 +58,6 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@appbaseio/reactivecore@9.14.25":
-  version "9.14.25"
-  resolved "https://registry.yarnpkg.com/@appbaseio/reactivecore/-/reactivecore-9.14.25.tgz#90f081f8b873011481e576dda79e3956a83ef262"
-  integrity sha512-eQlrdcXE9Y8r7emCIGPR7BhPy430VxelyrNKE0WkOM1paq1HuSCH+mw9IyZAqY3vk1+oV2ftXQQyz5YZRY7xYw==
-  dependencies:
-    cross-fetch "^3.0.4"
-    prop-types "^15.6.0"
-    redux "^4.0.0"
-    redux-thunk "^2.3.0"
-    xdate "^0.8.2"
-
-"@appbaseio/reactivesearch-vue@https://gitpkg.vercel.app/api/pkg?url=rapidez/reactivesearch/packages/vue&commit=v1.34.0-vue&scripts.postinstall=yarn%20install%20--ignore-scripts%20%26%26%20yarn%20run%20build-es&scripts.build-es=nps%20build.es":
-  version "2.0.0-alpha.4"
-  resolved "https://gitpkg.vercel.app/api/pkg?url=rapidez/reactivesearch/packages/vue&commit=v1.34.0-vue&scripts.postinstall=yarn%20install%20--ignore-scripts%20%26%26%20yarn%20run%20build-es&scripts.build-es=nps%20build.es#aa3e3bf8a01901a56f123e8022c5df7e57798801"
-  dependencies:
-    "@appbaseio/reactivecore" "9.14.25"
-    "@appbaseio/vue-emotion" "0.4.4"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    appbase-js "^5.1.0"
-    compute-scroll-into-view "^1.0.11"
-    emotion "9.2.12"
-    gmap-vue "^3.5.4"
-    hotkeys-js "^3.8.7"
-    ngeohash "^0.6.3"
-    polished "^2.2.0"
-    redux "^4.0.0"
-    url-search-params-polyfill "^7.0.0"
-    vue-highlight-words "^1.2.0"
-    vue-no-ssr "^1.1.0"
-    vue-slider-component "^3.2.15"
-    vue-types "^1.7.0"
-
-"@appbaseio/vue-emotion@0.4.4":
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/@appbaseio/vue-emotion/-/vue-emotion-0.4.4.tgz#a2187691a5dce090a8571250c1a7911d2ceee58a"
-  integrity sha512-ljbCeLozV+5O9lOaJc67gvhdz3RTLYwZj6aRpYRvXgcIIAtSOTT1TBdvCoORoCEYCfOseicv+TxKbOSGiopjBw==
-  dependencies:
-    emotion-utils "^9.1.0"
-    nano-assign "^1.0.0"
-
-"@babel/code-frame@^7.0.0":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.23.5.tgz#9009b69a8c602293476ad598ff53e4562e15c244"
-  integrity sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==
-  dependencies:
-    "@babel/highlight" "^7.23.4"
-    chalk "^2.4.2"
-
 "@babel/code-frame@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
@@ -118,13 +113,6 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-module-imports@^7.0.0":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
-  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
-  dependencies:
-    "@babel/types" "^7.22.15"
-
 "@babel/helper-module-imports@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
@@ -174,7 +162,7 @@
     "@babel/template" "^7.25.0"
     "@babel/types" "^7.25.6"
 
-"@babel/highlight@^7.23.4", "@babel/highlight@^7.24.7":
+"@babel/highlight@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
   integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
@@ -196,10 +184,10 @@
   dependencies:
     "@babel/types" "^7.25.6"
 
-"@babel/runtime@^7.2.0", "@babel/runtime@^7.7.2", "@babel/runtime@^7.9.2":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
-  integrity sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==
+"@babel/runtime@^7.1.2":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
   dependencies:
     regenerator-runtime "^0.14.0"
 
@@ -225,7 +213,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.22.15", "@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
+"@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.6.tgz#893942ddb858f32ae7a004ec9d3a76b3463ef8e6"
   integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
@@ -234,53 +222,6 @@
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
-"@emotion/babel-utils@^0.6.4":
-  version "0.6.10"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-utils/-/babel-utils-0.6.10.tgz#83dbf3dfa933fae9fc566e54fbb45f14674c6ccc"
-  integrity sha512-/fnkM/LTEp3jKe++T0KyTszVGWNKPNOUJfjNKLO17BzQ6QPxgbg3whayom1Qr2oLFH3V92tDymU+dT5q676uow==
-  dependencies:
-    "@emotion/hash" "^0.6.6"
-    "@emotion/memoize" "^0.6.6"
-    "@emotion/serialize" "^0.9.1"
-    convert-source-map "^1.5.1"
-    find-root "^1.1.0"
-    source-map "^0.7.2"
-
-"@emotion/hash@^0.6.2", "@emotion/hash@^0.6.6":
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.6.6.tgz#62266c5f0eac6941fece302abad69f2ee7e25e44"
-  integrity sha512-ojhgxzUHZ7am3D2jHkMzPpsBAiB005GF5YU4ea+8DNPybMk01JJUM9V9YRlF/GE95tcOm8DxQvWA2jq19bGalQ==
-
-"@emotion/memoize@^0.6.1", "@emotion/memoize@^0.6.6":
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.6.6.tgz#004b98298d04c7ca3b4f50ca2035d4f60d2eed1b"
-  integrity sha512-h4t4jFjtm1YV7UirAFuSuFGyLa+NNxjdkq6DpFLANNQY5rHueFZHVY+8Cu1HYVP6DrheB0kv4m5xPjo7eKT7yQ==
-
-"@emotion/serialize@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.9.1.tgz#a494982a6920730dba6303eb018220a2b629c145"
-  integrity sha512-zTuAFtyPvCctHBEL8KZ5lJuwBanGSutFEncqLn/m9T1a6a93smBStK+bZzcNPgj4QS8Rkw9VTwJGhRIUVO8zsQ==
-  dependencies:
-    "@emotion/hash" "^0.6.6"
-    "@emotion/memoize" "^0.6.6"
-    "@emotion/unitless" "^0.6.7"
-    "@emotion/utils" "^0.8.2"
-
-"@emotion/stylis@^0.7.0":
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.7.1.tgz#50f63225e712d99e2b2b39c19c70fff023793ca5"
-  integrity sha512-/SLmSIkN13M//53TtNxgxo57mcJk/UJIDFRKwOiLIBEyBHEcipgR6hNMQ/59Sl4VjCJ0Z/3zeAZyvnSLPG/1HQ==
-
-"@emotion/unitless@^0.6.2", "@emotion/unitless@^0.6.7":
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.6.7.tgz#53e9f1892f725b194d5e6a1684a7b394df592397"
-  integrity sha512-Arj1hncvEVqQ2p7Ega08uHLr1JuRYBuO5cIvcA+WWEQ5+VmkOE3ZXzl04NbQxeQpWX78G7u6MqxKuNX3wvYZxg==
-
-"@emotion/utils@^0.8.2":
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.8.2.tgz#576ff7fb1230185b619a75d258cbc98f0867a8dc"
-  integrity sha512-rLu3wcBWH4P5q1CGoSSH/i9hrXs7SlbRLkoq9IGuoPYNGQvDJ3pt/wmOM+XgYjIDRMVIdkUWt0RsfzF50JfnCw==
-
 "@esbuild/aix-ppc64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
@@ -396,14 +337,6 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
   integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
-"@googlemaps/markerclusterer@^2.0.4":
-  version "2.5.3"
-  resolved "https://registry.yarnpkg.com/@googlemaps/markerclusterer/-/markerclusterer-2.5.3.tgz#9f891ce7e8e161775f3a3e2c9f66956810284591"
-  integrity sha512-x7lX0R5yYOoiNectr10wLgCBasNcXFHiADIBdmn7jQllF2B5ENQw5XtZK+hIw4xnV0Df0xhN4LN98XqA5jaiOw==
-  dependencies:
-    fast-deep-equal "^3.1.3"
-    supercluster "^8.0.1"
-
 "@hotwired/turbo@^8.0.2":
   version "8.0.10"
   resolved "https://registry.yarnpkg.com/@hotwired/turbo/-/turbo-8.0.10.tgz#d95569d259f0daad6e824ee1ada877ff94beb72b"
@@ -559,6 +492,13 @@
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz#0574d7e87b44ee8511d08cc7f914bcb802b70818"
   integrity sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==
 
+"@searchkit/instantsearch-client@^4.14.1":
+  version "4.14.1"
+  resolved "https://registry.yarnpkg.com/@searchkit/instantsearch-client/-/instantsearch-client-4.14.1.tgz#85fed3f90ba88a1d73ec247264d7342aee4eddb6"
+  integrity sha512-AOkVPcnUVl+5bFTChFh60ca6GsbSU4I7TPB3ZfTGJygsfMx90/p+Ck9kGT+khhxiotDUctIa+nK3GKwNG5QcKA==
+  dependencies:
+    searchkit "^4.13.0"
+
 "@tailwindcss/forms@^0.5.3":
   version "0.5.9"
   resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.5.9.tgz#b495c12575d6eae5865b2cbd9876b26d89f16f61"
@@ -581,15 +521,30 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
   integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
 
+"@types/dom-speech-recognition@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@types/dom-speech-recognition/-/dom-speech-recognition-0.0.1.tgz#e326761a04b4a49c0eec2ac7948afc1c6aa12baa"
+  integrity sha512-udCxb8DvjcDKfk1WTBzDsxFbLgYxmQGKrE/ricoMqHRNjSlSUCcamVTA5lIQqzY10mY5qCY0QDwBfFEwhfoDPw==
+
 "@types/estree@1.0.6":
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
   integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
 
-"@types/parse-json@^4.0.0":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
-  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
+"@types/google.maps@^3.55.12":
+  version "3.58.1"
+  resolved "https://registry.yarnpkg.com/@types/google.maps/-/google.maps-3.58.1.tgz#71ce3dec44de1452f56641d2c87c7dd8ea964b4d"
+  integrity sha512-X9QTSvGJ0nCfMzYOnaVs/k6/4L+7F5uCS+4iUmkLEls6J9S/Phv+m/i3mDeyc49ZBgwab3EFO1HEoBY7k98EGQ==
+
+"@types/hogan.js@^3.0.0":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@types/hogan.js/-/hogan.js-3.0.5.tgz#09f5b916ad88e1975b093ab7a25a37ffc0418be5"
+  integrity sha512-/uRaY3HGPWyLqOyhgvW9Aa43BNnLZrNeQxl2p8wqId4UHMfPKolSB+U7BlZyO1ng7MkLnyEAItsBzCG0SDhqrA==
+
+"@types/qs@^6.5.3":
+  version "6.9.17"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.17.tgz#fc560f60946d0aeff2f914eb41679659d3310e1a"
+  integrity sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==
 
 "@types/web-bluetooth@^0.0.20":
   version "0.0.20"
@@ -601,11 +556,6 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue2/-/plugin-vue2-2.3.1.tgz#53078d3d9d50d9863f1fbb1c1ef7791a5fcd4948"
   integrity sha512-/ksaaz2SRLN11JQhLdEUhDzOn909WEk99q9t9w+N12GjQCljzv7GyvAbD/p20aBUjHkvpGOoQ+FCOkG+mjDF4A==
 
-"@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz#8d53a1e21347db8edbe54d339902583176de09f2"
-  integrity sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==
-
 "@vue/compiler-sfc@2.7.16":
   version "2.7.16"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz#ff81711a0fac9c68683d8bb00b63f857de77dc83"
@@ -675,6 +625,13 @@ abbrev@1:
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
+algoliasearch-helper@3.22.6:
+  version "3.22.6"
+  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.22.6.tgz#6a31c67d277a32f3f7ae1b8a6e57ca73f1e1a0b0"
+  integrity sha512-F2gSb43QHyvZmvH/2hxIjbk/uFdO2MguQYTFP7J+RowMW1csjIODMobEnpLI8nbLQuzZnGZdIxl5Bpy1k9+CFQ==
+  dependencies:
+    "@algolia/events" "^4.0.1"
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -717,15 +674,6 @@ anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-appbase-js@^5.1.0:
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/appbase-js/-/appbase-js-5.3.4.tgz#c30add29133fcfd7cc938a710a347cb89377670e"
-  integrity sha512-rbjCC7jmcPh1cjnW3W7TjTugQpLOB8SrPIdnkKwrNDdsl8d0nzPTJH4/082UTnkvlMkjm4WYY2HYCRl2vpDlpw==
-  dependencies:
-    cross-fetch "^3.1.5"
-    querystring "^0.2.0"
-    url-parser-lite "^0.1.0"
-
 arg@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
@@ -743,38 +691,6 @@ autoprefixer@^10.4.15:
     picocolors "^1.0.1"
     postcss-value-parser "^4.2.0"
 
-babel-plugin-emotion@^9.2.11:
-  version "9.2.11"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-9.2.11.tgz#319c005a9ee1d15bb447f59fe504c35fd5807728"
-  integrity sha512-dgCImifnOPPSeXod2znAmgc64NhaaOjGEHROR/M+lmStb3841yK1sgaDYAYMnlvWNz8GnpwIPN0VmNpbWYZ+VQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@emotion/babel-utils" "^0.6.4"
-    "@emotion/hash" "^0.6.2"
-    "@emotion/memoize" "^0.6.1"
-    "@emotion/stylis" "^0.7.0"
-    babel-plugin-macros "^2.0.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    convert-source-map "^1.5.0"
-    find-root "^1.1.0"
-    mkdirp "^0.5.1"
-    source-map "^0.5.7"
-    touch "^2.0.1"
-
-babel-plugin-macros@^2.0.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
-  integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
-  dependencies:
-    "@babel/runtime" "^7.7.2"
-    cosmiconfig "^6.0.0"
-    resolve "^1.12.0"
-
-babel-plugin-syntax-jsx@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
-  integrity sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
-
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -809,11 +725,6 @@ browserslist@^4.23.1, browserslist@^4.23.3:
     node-releases "^2.0.18"
     update-browserslist-db "^1.1.0"
 
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
 camelcase-css@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
@@ -886,16 +797,6 @@ commander@^4.0.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
-compute-scroll-into-view@^1.0.11:
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz#1768b5522d1172754f5d0c9b02de3af6be506a43"
-  integrity sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==
-
-convert-source-map@^1.5.0, convert-source-map@^1.5.1:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
@@ -906,35 +807,6 @@ cookie@^0.7.2:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.2.tgz#556369c472a2ba910f2979891b526b3436237ed7"
   integrity sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==
 
-core-js@^3.6.5:
-  version "3.36.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.36.0.tgz#e752fa0b0b462a0787d56e9d73f80b0f7c0dde68"
-  integrity sha512-mt7+TUBbTFg5+GngsAxeKBTl5/VS0guFeJacYge9OmHb+m058UwwIm41SE9T4Den7ClatV57B6TYTuJ0CX1MAw==
-
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
-create-emotion@^9.2.12:
-  version "9.2.12"
-  resolved "https://registry.yarnpkg.com/create-emotion/-/create-emotion-9.2.12.tgz#0fc8e7f92c4f8bb924b0fef6781f66b1d07cb26f"
-  integrity sha512-P57uOF9NL2y98Xrbl2OuiDQUZ30GVmASsv5fbsjF4Hlraip2kyAvMm+2PoYUvFFw03Fhgtxk3RqZSm2/qHL9hA==
-  dependencies:
-    "@emotion/hash" "^0.6.2"
-    "@emotion/memoize" "^0.6.1"
-    "@emotion/stylis" "^0.7.0"
-    "@emotion/unitless" "^0.6.2"
-    csstype "^2.5.2"
-    stylis "^3.5.0"
-    stylis-rule-sheet "^0.0.10"
-
 cross-env@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
@@ -942,13 +814,6 @@ cross-env@^7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-fetch@^3.0.4, cross-fetch@^3.1.5:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.8.tgz#0327eba65fd68a7d119f8fb2bf9334a1a7956f82"
-  integrity sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==
-  dependencies:
-    node-fetch "^2.6.12"
-
 cross-spawn@^7.0.0, cross-spawn@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -963,11 +828,6 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-csstype@^2.5.2:
-  version "2.6.21"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
-  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
-
 csstype@^3.1.0:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
@@ -985,6 +845,11 @@ debug@^4.1.0, debug@^4.3.1:
   dependencies:
     ms "^2.1.3"
 
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
@@ -1020,26 +885,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emotion-utils@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/emotion-utils/-/emotion-utils-9.1.0.tgz#7484dbf18f3b1dc1de68559d1ff35a74caa998dc"
-  integrity sha512-Zdy9TiZzMDRsCufivL/ZhQ0JdfGGSOc20opRjaBOemF5h2kYI/MD/bLcXfAZgzYVL12WNQegZIme6l+N/JFE4Q==
-
-emotion@9.2.12:
-  version "9.2.12"
-  resolved "https://registry.yarnpkg.com/emotion/-/emotion-9.2.12.tgz#53925aaa005614e65c6e43db8243c843574d1ea9"
-  integrity sha512-hcx7jppaI8VoXxIWEhxpDW7I+B4kq9RNzQLmsrF6LY8BGKqe2N+gFAQr0EfuFucFlPs2A9HM4+xNj4NeqEWIOQ==
-  dependencies:
-    babel-plugin-emotion "^9.2.11"
-    create-emotion "^9.2.12"
-
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
@@ -1079,11 +924,6 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
-fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
 fast-glob@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
@@ -1109,11 +949,6 @@ fill-range@^7.1.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
 foreground-child@^3.1.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.0.tgz#0ac8644c06e431439f8561db8ecf29a7b5519c77"
@@ -1178,13 +1013,6 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-gmap-vue@^3.5.4:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/gmap-vue/-/gmap-vue-3.5.4.tgz#53da5f3eb3f0e48aec49f463976ff1808593bc8b"
-  integrity sha512-NGqZbwUtCDWDGtbDF+bFs5slaGABbw6TEB+pdOYyWxN+81c5iRBuOV6iaQ61ilzk4ttUFLE7q6w9nDsNUpG7ig==
-  dependencies:
-    "@googlemaps/markerclusterer" "^2.0.4"
-
 graphql-combine-query@indykoning/graphql-combine-query#feature/add-allowed-duplicates:
   version "1.2.4"
   resolved "https://codeload.github.com/indykoning/graphql-combine-query/tar.gz/12c517bbe231077f8e1a677df8786a506ef902be"
@@ -1218,28 +1046,43 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-highlight-words-core@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/highlight-words-core/-/highlight-words-core-1.2.2.tgz#1eff6d7d9f0a22f155042a00791237791b1eeaaa"
-  integrity sha512-BXUKIkUuh6cmmxzi5OIbUJxrG8OAk2MqoL1DtO3Wo9D2faJg2ph5ntyuQeLqaHJmzER6H5tllCDA9ZnNe9BVGg==
-
-hotkeys-js@^3.8.7:
-  version "3.13.7"
-  resolved "https://registry.yarnpkg.com/hotkeys-js/-/hotkeys-js-3.13.7.tgz#0188d8e2fca16a3f1d66541b48de0bb9df613726"
-  integrity sha512-ygFIdTqqwG4fFP7kkiYlvayZppeIQX2aPpirsngkv1xM1lP0piDY5QEh68nQnIKvz64hfocxhBaD/uK3sSK1yQ==
-
-import-fresh@^3.1.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+hogan.js@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/hogan.js/-/hogan.js-3.0.2.tgz#4cd9e1abd4294146e7679e41d7898732b02c7bfd"
+  integrity sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==
   dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
+    mkdirp "0.3.0"
+    nopt "1.0.10"
 
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+htm@^3.0.0, htm@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/htm/-/htm-3.1.1.tgz#49266582be0dc66ed2235d5ea892307cc0c24b78"
+  integrity sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==
+
+instantsearch-ui-components@0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/instantsearch-ui-components/-/instantsearch-ui-components-0.9.0.tgz#f7ae71fe623d18eff32b73071749f31826cb7b89"
+  integrity sha512-ugQ+XdPx3i3Sxu+woRo6tPE0Fz/kWd4KblTUfZD1TZZBsm/8qFvcbg5dVBDvXX9v7ntoyugXCzC/XCZMzrSkig==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+
+instantsearch.js@4.75.7, instantsearch.js@^4.75.7:
+  version "4.75.7"
+  resolved "https://registry.yarnpkg.com/instantsearch.js/-/instantsearch.js-4.75.7.tgz#581185f335990d45dbd011deaa275e7c004e8d35"
+  integrity sha512-xniCraV4SM017LA5iaw8ntvWurq7WC09Kpn/hfsIhoP52woqdiXTaKvo/8Z6oOb2BGSLBkcOU/RY1ntASsrUxA==
+  dependencies:
+    "@algolia/events" "^4.0.1"
+    "@types/dom-speech-recognition" "^0.0.1"
+    "@types/google.maps" "^3.55.12"
+    "@types/hogan.js" "^3.0.0"
+    "@types/qs" "^6.5.3"
+    algoliasearch-helper "3.22.6"
+    hogan.js "^3.0.2"
+    htm "^3.0.0"
+    instantsearch-ui-components "0.9.0"
+    preact "^10.10.0"
+    qs "^6.5.1 < 6.10"
+    search-insights "^2.17.2"
 
 is-binary-path@~2.1.0:
   version "2.1.0"
@@ -1282,13 +1125,6 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-plain-object@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-3.0.0.tgz#47bfc5da1b5d50d64110806c199359482e75a928"
-  integrity sha512-tZIpofR+P05k8Aocp7UI/2UTa9lTJSebCXpFFoR9aibpokDj/uXBsJ8luUu0tTVYKkMU6URDUuOfJZ7koewXvg==
-  dependencies:
-    isobject "^4.0.0"
-
 is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
@@ -1301,11 +1137,6 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-isobject@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-4.0.0.tgz#3f1c9155e73b192022a80819bacd0343711697b0"
-  integrity sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==
-
 jackspeak@^3.1.2:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
@@ -1330,21 +1161,11 @@ jsesc@^2.5.1:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
   integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
-json-parse-even-better-errors@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
-  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
-
 json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-kdbush@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/kdbush/-/kdbush-4.0.2.tgz#2f7b7246328b4657dd122b6c7f025fbc2c868e39"
-  integrity sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==
-
 laravel-vite-plugin@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/laravel-vite-plugin/-/laravel-vite-plugin-1.0.5.tgz#0d1881bf69d9d420a01f33db183adb82d9143362"
@@ -1383,7 +1204,7 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-loose-envify@^1.2.0, loose-envify@^1.4.0:
+loose-envify@^1.2.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -1427,22 +1248,20 @@ minimatch@^9.0.4:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
 "minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
   integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
 
-mkdirp@^0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
+mitt@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mitt/-/mitt-2.1.0.tgz#f740577c23176c6205b121b2973514eade1b2230"
+  integrity sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==
+
+mkdirp@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.3.0.tgz#1bbf5ab1ba827af23575143490426455f481fe1e"
+  integrity sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==
 
 ms@^2.1.3:
   version "2.1.3"
@@ -1458,34 +1277,17 @@ mz@^2.7.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nano-assign@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/nano-assign/-/nano-assign-1.0.1.tgz#abb1c50d0416b865fb37bbd155c5368bb54378e5"
-  integrity sha512-1K8ncUoAYFPYcCZqrB+K2XQaFCmA35rryJCtPkGrG3zYkwm+iIUZRIHyaAfuy6zxaK9siPdjeJq7+Inijm6xhw==
-
 nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
   integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
 
-ngeohash@^0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/ngeohash/-/ngeohash-0.6.3.tgz#10b1e80be5488262ec95c56cf2dbb6c45fbdf245"
-  integrity sha512-kltF0cOxgx1AbmVzKxYZaoB0aj7mOxZeHaerEtQV0YaqnkXNq26WWqMmJ6lTqShYxVRWZ/mwvvTrNeOwdslWiw==
-
-node-fetch@^2.6.12:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
-  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
-  dependencies:
-    whatwg-url "^5.0.0"
-
 node-releases@^2.0.18:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
   integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
 
-nopt@~1.0.10:
+nopt@1.0.10:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
   integrity sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==
@@ -1502,7 +1304,7 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4.0.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -1526,23 +1328,6 @@ package-json-from-dist@^1.0.0:
   resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
   integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
 
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-json@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
-  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-even-better-errors "^2.3.0"
-    lines-and-columns "^1.1.6"
-
 path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -1561,11 +1346,6 @@ path-scurry@^1.11.1:
     lru-cache "^10.2.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
 picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
@@ -1586,13 +1366,6 @@ pirates@^4.0.1:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
   integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
 
-polished@^2.2.0:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/polished/-/polished-2.3.3.tgz#bdbaba962ba8271b0e11aa287f2befd4c87be99a"
-  integrity sha512-59V4fDbdxtH4I1m9TWxFsoGJbC8nnOpUYo5uFmvMfKp9Qh+6suo4VMUle1TGIIUZIGxfkW+Rs485zPk0wcwR2Q==
-  dependencies:
-    "@babel/runtime" "^7.2.0"
-
 postcss-import@^15.1.0:
   version "15.1.0"
   resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
@@ -1672,35 +1445,26 @@ postcss@^8.4.23, postcss@^8.4.29, postcss@^8.4.43:
     picocolors "^1.1.0"
     source-map-js "^1.2.1"
 
+preact@^10.10.0, preact@^10.13.2:
+  version "10.25.4"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.25.4.tgz#c1d00bee9d7b9dcd06a2311d9951973b506ae8ac"
+  integrity sha512-jLdZDb+Q+odkHJ+MpW/9U5cODzqnB+fy2EiHSZES7ldV5LK7yjlVzTp7R8Xy6W6y75kfK8iWYtFVH7lvjwrCMA==
+
 "prettier@^1.18.2 || ^2.0.0":
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
-prop-types@^15.6.0:
-  version "15.8.1"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
-  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.13.1"
-
-querystring@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
-  integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
+"qs@^6.5.1 < 6.10":
+  version "6.9.7"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.7.tgz#4610846871485e1e048f44ae3b94033f0e675afe"
+  integrity sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-react-is@^16.13.1:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -1715,18 +1479,6 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-redux-thunk@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.4.2.tgz#b9d05d11994b99f7a91ea223e8b04cf0afa5ef3b"
-  integrity sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==
-
-redux@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
-  integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-
 regenerator-runtime@^0.14.0:
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
@@ -1737,12 +1489,7 @@ require-directory@^2.1.1:
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
   integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve@^1.1.7, resolve@^1.12.0, resolve@^1.22.2:
+resolve@^1.1.7, resolve@^1.22.2:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -1798,6 +1545,18 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
+search-insights@^2.17.2:
+  version "2.17.3"
+  resolved "https://registry.yarnpkg.com/search-insights/-/search-insights-2.17.3.tgz#8faea5d20507bf348caba0724e5386862847b661"
+  integrity sha512-RQPdCYTa8A68uM2jwxoY842xDhvx3E5LFL1LxvxCNMev4o5mLuokczhzjAgGwUZBAmOKZknArSxLKmXtIi2AxQ==
+
+searchkit@^4.13.0:
+  version "4.13.2"
+  resolved "https://registry.yarnpkg.com/searchkit/-/searchkit-4.13.2.tgz#adb978363082781cfded2663ee05cb92c7511b74"
+  integrity sha512-d6OnHFG0lwl5QKcLUfqSsk9eD9Zvl6Us2z3Ib9U9H/9T7PsNlPk/gV4ToquaPG2uIN5hhHuUAEa9jx1Pzj/HyA==
+  dependencies:
+    deepmerge "^4.2.2"
+
 semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
@@ -1825,17 +1584,12 @@ source-map-js@^1.0.2, source-map-js@^1.2.1:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
-source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
 source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.2, source-map@^0.7.4:
+source-map@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
   integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
@@ -1888,16 +1642,6 @@ strip-ansi@^7.0.1:
   dependencies:
     ansi-regex "^6.0.1"
 
-stylis-rule-sheet@^0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz#44e64a2b076643f4b52e5ff71efc04d8c3c4a430"
-  integrity sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==
-
-stylis@^3.5.0:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
-  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
-
 sucrase@^3.32.0:
   version "3.35.0"
   resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
@@ -1911,13 +1655,6 @@ sucrase@^3.32.0:
     pirates "^4.0.1"
     ts-interface-checker "^0.1.9"
 
-supercluster@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/supercluster/-/supercluster-8.0.1.tgz#9946ba123538e9e9ab15de472531f604e7372df5"
-  integrity sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==
-  dependencies:
-    kdbush "^4.0.2"
-
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -1989,18 +1726,6 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-touch@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/touch/-/touch-2.0.2.tgz#ca0b2a3ae3211246a61b16ba9e6cbf1596287164"
-  integrity sha512-qjNtvsFXTRq7IuMLweVgFxmEuQ6gLbRs2jQxL80TtZ31dEKWYIxRXquij6w6VimyDek5hD3PytljHmEtAs2u0A==
-  dependencies:
-    nopt "~1.0.10"
-
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
-
 ts-interface-checker@^0.1.9:
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
@@ -2027,16 +1752,6 @@ update-browserslist-db@^1.1.0:
     escalade "^3.2.0"
     picocolors "^1.1.0"
 
-url-parser-lite@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/url-parser-lite/-/url-parser-lite-0.1.0.tgz#4679720fd7448d42357d1c8c0a6ece95174e864e"
-  integrity sha512-k8eUA7I5qfH6c1ZI9CvdHEk+YH1KroX2ry+FF9k6yJBl7AmDWen2WI+xNzbCBAek6JEvgPBoHub4v8aZIM7Jqw==
-
-url-search-params-polyfill@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/url-search-params-polyfill/-/url-search-params-polyfill-7.0.1.tgz#b900cd9a0d9d2ff757d500135256f2344879cbff"
-  integrity sha512-bAw7L2E+jn9XHG5P9zrPnHdO0yJub4U+yXJOdpcpkr7OBd9T8oll4lUos0iSGRcDvfZoLUKfx9a6aNmIhJ4+mQ==
-
 util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -2061,11 +1776,6 @@ vite@^5.0:
   optionalDependencies:
     fsevents "~2.3.3"
 
-vue-class-component@^7.1.0:
-  version "7.2.6"
-  resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-7.2.6.tgz#8471e037b8e4762f5a464686e19e5afc708502e4"
-  integrity sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==
-
 vue-clickaway@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/vue-clickaway/-/vue-clickaway-2.2.2.tgz#cecf6839575e8b2afc5d3edb3efb616d293dbb44"
@@ -2083,32 +1793,14 @@ vue-demi@>=0.14.10, vue-demi@>=0.14.8:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
   integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
 
-vue-highlight-words@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/vue-highlight-words/-/vue-highlight-words-1.2.0.tgz#73c2d49a46ecdb0638358b7ad749013c190ece5c"
-  integrity sha512-TkROGAnjxi/Xm4hBd1budn/kQmg8sfTF2TKwkj2O3PuLOgf6D1QOLpnnaTUEV/wP6Z3kVb3IcIHDZDAWvXQmMQ==
-  dependencies:
-    highlight-words-core "^1.2.2"
-
-vue-no-ssr@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz#875f3be6fb0ae41568a837f3ac1a80eaa137b998"
-  integrity sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g==
-
-vue-property-decorator@^8.0.0:
-  version "8.5.1"
-  resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-8.5.1.tgz#571a91cf8d2b507f537d79bf8275af3184572fff"
-  integrity sha512-O6OUN2OMsYTGPvgFtXeBU3jPnX5ffQ9V4I1WfxFQ6dqz6cOUbR3Usou7kgFpfiXDvV7dJQSFcJ5yUPgOtPPm1Q==
-  dependencies:
-    vue-class-component "^7.1.0"
-
-vue-slider-component@^3.2.15:
-  version "3.2.24"
-  resolved "https://registry.yarnpkg.com/vue-slider-component/-/vue-slider-component-3.2.24.tgz#9c931da3d10d0efde361138626a76d21c4359fd5"
-  integrity sha512-28hfotAL/CPXPwqHgVFyUwUEV0zweoc2wW0bgraGkoIcRZGlFjk8caYJLE8+Luug5t3b9tJm/NyDXpyIdmcYZg==
+vue-instantsearch@^4.19.13:
+  version "4.19.13"
+  resolved "https://registry.yarnpkg.com/vue-instantsearch/-/vue-instantsearch-4.19.13.tgz#b8e33187438e3bf716ebdd84e0b9816984affc16"
+  integrity sha512-sXAkTwvykT70w5PcuGBJU0ClthZlUekuDL1qi1taRyCx158z1s4WCZizhVfBfHufwtPpNiJZYnST8JQ/xqpPNw==
   dependencies:
-    core-js "^3.6.5"
-    vue-property-decorator "^8.0.0"
+    instantsearch-ui-components "0.9.0"
+    instantsearch.js "4.75.7"
+    mitt "^2.1.0"
 
 vue-template-compiler@^2.7.14:
   version "2.7.16"
@@ -2123,13 +1815,6 @@ vue-turbolinks@^2.2.2:
   resolved "https://registry.yarnpkg.com/vue-turbolinks/-/vue-turbolinks-2.2.2.tgz#6b7b5c4120f5586907ef977be4b63a734bf8cd36"
   integrity sha512-pPO2Fr+1UgdhUK9dc5OhjLSeYi5LZAm/VZBXOVQgLHCO31bRjAof/+W/e/6SHCbnb1xdZb1gW5T9MX0k9ejSAQ==
 
-vue-types@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-1.7.0.tgz#07b273342aba7cc43d9460d9c4f4a4cf5eeb00b1"
-  integrity sha512-MbhuWukmcBJHdfXAdLerbP29i3j2HAJoKwEv7No2Jh/YNl9dOKsNBfvMOkf0SS8VCuWd1/JBX4NnGaGUojbkUA==
-  dependencies:
-    is-plain-object "3.0.0"
-
 vue2-teleport@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/vue2-teleport/-/vue2-teleport-1.1.4.tgz#30c84b1005bf9c208b1c05f4b6147300c54ee846"
@@ -2143,19 +1828,6 @@ vue@^2.7:
     "@vue/compiler-sfc" "2.7.16"
     csstype "^3.1.0"
 
-webidl-conversions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
-
-whatwg-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
-  dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -2190,11 +1862,6 @@ wrap-ansi@^8.1.0:
     string-width "^5.0.1"
     strip-ansi "^7.0.1"
 
-xdate@^0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/xdate/-/xdate-0.8.2.tgz#d7b033c00485d02695baf0044f4eacda3fc961a3"
-  integrity sha512-sNBlLfOC8S3V0vLDEUianQOXcTsc9j4lfeKU/klHe0RjHAYn0CXsSttumTot8dzalboV8gZbH38B+WcCIBjhFQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -2205,11 +1872,6 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yaml@^1.7.2:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
 yaml@^2.3.4:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.1.tgz#c9772aacf62cb7494a95b0c4f1fb065b563db130"