Как я могу использовать поиск ввода в другом компоненте, используя Algolia/Vue ⇐ Javascript

[Anonymous]

Я использую бесконечную прокрутку с Vue 3 и Instantearch (Algolia), но < /p>

< /code>
Это должно быть в другом компоненте, потому что из -за организации моих компонентов Vue и компонентов лезвия (я использую Laravel), поиск ввода должен быть в другом месте. Ввод и результаты должны быть в разных компонентах. Что я могу сделать?


















import algoliasearch from 'algoliasearch/lite';
import AppInfiniteHits from '../../Components/InfiniteHits.vue';

export default {
components: { AppInfiniteHits },
data() {
return {
searchClient: algoliasearch(
'XXXXXXX',
'XXXXXXXXXXXXXXXXXX'
),
};
},
};


И это infinitehits.vue Компонент:

import { createWidgetMixin } from 'vue-instantsearch/vue3/es';
import { connectInfiniteHits } from 'instantsearch.js/es/connectors';

export default {
mixins: [createWidgetMixin({ connector: connectInfiniteHits })],
methods: {
visibilityChanged(isVisible) {
if (isVisible && !this.state.isLastPage) {
this.state.showMore();
}
},
},
};



.sentinel {
list-style-type: none;
}

< /code>
Это пакеты, которые я использую: < /p>
"algoliasearch": "^4.25.2"
"vue-instantsearch": "^4.21.3",
"vue-observe-visibility": "^1.0.0"
"vite": "^5.2.6",
"vue": "^3.5.18"


Подробнее здесь: https://stackoverflow.com/questions/797 ... lgolia-vue