algolia

@nuxtjs/алголия

Модуль Algolia для Nuxt

• Примечания к выпуску
• Прочтите документацию

Функции

• Простая интеграция с Алголией
• Удобные составные элементы, такие как useAlgoliaSearch, useAsyncAlgoliaSearch.
• Поддержка компонентов Vue Instantsearch
• Поддержка Algolia Рекомендуем
• Поддержка поиска документов
• Поддержка автоматического индексирования
• Поддержка кэширования запросов и ответов.
• Поддержка запросов SSR

Прочтите документацию

Предварительный просмотр

Настраивать

npx nuxi@latest module add algolia

Основное использование

Добавьте переменные среды ALGOLIA_API_KEY и ALGOLIA_APPLICATION_ID в файл .env.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

Теперь вы можете начать использовать @nuxtjs/algolia в своем приложении!

Клиентская сторона:

 < script setup lang = " ts " >
const { result, search } = useAlgoliaSearch ( ' test_index ' )

onMounted ( async () => {
  await search ({ query: ' Samsung ' })
})
</ script >

< template >
  < div >{{ result }}</ div >
</ template >

Или ССР:

 < script setup lang = " ts " >
const { data } = await useAsyncAlgoliaSearch ({ indexName: ' test_index ' , query: ' Samsung ' })
</ script >

< template >
  < div >{{ data }}</ div >
</ template >

Разработка

1. Клонировать этот репозиторий
2. Установите зависимости с помощью yarn install или npm install
3. Используйте yarn dev:prepare или npm run dev:prepare для подготовки среды разработки.
4. Запустите сервер разработки с помощью yarn dev или npm run dev

Лицензия

Лицензия MIT