algolia

@nuxtjs/algolia

Module Algolia pour Nuxt

• Notes de version
• Lire la documentation

Caractéristiques

• Intégration facile avec Algolia
• Composables pratiques comme useAlgoliaSearch, useAsyncAlgoliaSearch
• Prise en charge des composants Vue Instantsearch
• Prise en charge d'Algolia recommandée
• Prise en charge de Docsearch
• Prise en charge de l'indexation automatique
• Prise en charge de la mise en cache des demandes et des réponses
• Prise en charge des requêtes SSR

Lire la documentation

Aperçu

Installation

npx nuxi@latest module add algolia

Utilisation de base

Ajoutez les variables d'environnement ALGOLIA_API_KEY et ALGOLIA_APPLICATION_ID au fichier .env.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

Vous pouvez maintenant commencer à utiliser @nuxtjs/algolia dans votre application !

Côté client :

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

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

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

Ou RSS :

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

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

Développement

1. Cloner ce référentiel
2. Installer les dépendances à l'aide yarn install ou npm install
3. Utilisez yarn dev:prepare ou npm run dev:prepare pour préparer l'environnement de développement
4. Démarrez le serveur de développement en utilisant yarn dev ou npm run dev

Licence

Licence MIT