Biblioteca de componentes de interface do usuário Instantsearch para Vue

O que é o Algolia?

A Algolia permite que desenvolvedores modernos criem experiências de pesquisa e descoberta de nível internacional sem a necessidade de DevOps.
Bibliotecas para todas as principais linguagens e frameworks facilitam o aprimoramento da experiência dos seus usuários.

Adicionar pesquisa instantânea a aplicativos Vue

A biblioteca Vue InstantSearch UI oferece widgets de interface do usuário pré-construídos, personalizáveis e flexíveis para criar suas próprias experiências de pesquisa —explore a galeria de exemplos. Ela possui recursos de renderização no lado do servidor e de roteamento, além de ser de código aberto, pronta para produção e mantida pela Algolia.

Recursos

Oferece componentes de interface do usuário pré-criados, seguindo os princípios das melhores práticas para o Vue, que permanecem independentes de frameworks externos
Integre ao seu aplicativo ou interface de usuário existente, ou use os modelos do InstantSearch
Vem com um tema CSS padrão, totalmente personalizável
Gerencia toda a lógica de negócios para solicitações de busca, respostas e estados
Personalização progressiva de componentes (usar, ampliar ou personalizar)

Versão

Compatible with all current versions of the underlying <JavaScrip>t library
O código é totalmente de código aberto e está disponível no GitHub
Inicie sua aplicação com o `create-instantsearch-app`, o NPM, ...

Integrações relacionadas

Funciona como preenchimento automático
E com todos os nossosclientes de APIeframeworks

links importantes

Comece agora

MODELO (CRIE UMA CONTA GRATUITAAQUI)

          
            <template>

  <ais-instant-search :search-client="searchClient" index-name="demo_ecommerce">

    <ais-search-box />

    <ais-hits>

      <template v-slot:item="{ item }">

        <h2>{{ item.name }}</h2>

      </template>

    </ais-hits>

  </ais-instant-search>

</template>

CSS

          
            <style>

body {

  font-family: sans-serif;

  padding: 1em;

}

</style>

PESQUISAR

          
            <script>

import algoliasearch from 'algoliasearch/lite';

import 'instantsearch.css/themes/satellite-min.css';

export default {

  data() {

    return {

      searchClient: algoliasearch(

        'B1G2GM9NG0',

        'aadef574be1f9252bb48d4ea09b5cfe5'

      ),

    };

  },

};

</script>

Algolia Assist

Em que posso ajudá-lo hoje?

Vue + Algolia