algolia

@nuxtjs/algolia

Módulo Algolia para Nuxt

• Notas de versão
• Leia a documentação

Características

• Fácil integração com Algolia
• Elementos úteis que podem ser compostos, como useAlgoliaSearch, useAsyncAlgoliaSearch
• Suporte para componentes Vue Instantsearch
• Recomendação de suporte para Algolia
• Suporte para Docsearch
• Suporte para indexação automática
• Suporte para armazenar em cache as solicitações e respostas
• Suporte para solicitações de SSR

Leia a documentação

Visualização

Configurar

npx nuxi@latest module add algolia

Uso básico

Adicione variáveis ​​de ambiente ALGOLIA_API_KEY e ALGOLIA_APPLICATION_ID ao arquivo .env.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

Agora você pode começar a usar @nuxtjs/algolia em seu aplicativo!

Lado do cliente:

 < 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 >

Desenvolvimento

1. Clonar este repositório
2. Instale dependências usando yarn install ou npm install
3. Use yarn dev:prepare ou npm run dev:prepare para preparar o ambiente de desenvolvimento
4. Inicie o servidor de desenvolvimento usando yarn dev ou npm run dev

Licença

Licença MIT