https://github.com/InnerSearch/vue-innersearch

:mag_right: UI components built with Vue.js for ElasticSearch
https://github.com/InnerSearch/vue-innersearch

elasticsearch javascript search vuejs vuejs-components

Last synced: 5 months ago
JSON representation

:mag_right: UI components built with Vue.js for ElasticSearch

• Host: GitHub
• URL: https://github.com/InnerSearch/vue-innersearch
• Owner: InnerSearch
• License: mit
• Created: 2017-09-21T14:03:44.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-09-12T13:22:28.000Z (over 5 years ago)
• Last Synced: 2024-06-20T12:03:06.163Z (11 months ago)
• Topics: elasticsearch, javascript, search, vuejs, vuejs-components
• Language: JavaScript
• Homepage: https://innersearch.github.io/vue-innersearch
• Size: 6.58 MB
• Stars: 140
• Watchers: 13
• Forks: 27
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Banner](https://raw.githubusercontent.com/InnerSearch/vue-innersearch/master/docs/images/banner.png)]()

# InnerSearch : Vue.js components for ElasticSearch

[![npm](https://img.shields.io/npm/v/vue-innersearch.svg)](https://www.npmjs.com/package/vue-innersearch)

[![npm](https://img.shields.io/npm/dm/vue-innersearch.svg)](https://www.npmjs.com/package/vue-innersearch)

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FInnerSearch%2Fvue-innersearch.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2FInnerSearch%2Fvue-innersearch?ref=badge_shield)

[![Build Status](https://travis-ci.org/InnerSearch/vue-innersearch.svg?branch=master)](https://travis-ci.org/InnerSearch/vue-innersearch)

[![npm](https://img.shields.io/npm/l/vue-innersearch.svg)]()

## What is InnerSearch ?

An Open Source project created to help developers working with vue.js and Elastic, give them the possibility to create search UIs within the hour.

InnerSearch is a suite of UI components like SearchBox, RefinementListFilter, Paginator and many others to come built with Vue.js.

The aim is to rapidly create beautiful specified search interfaces using declarative components without being an ElasticSearch and Vue.js expert.

Thanks too component props and slot features from Vue.js, the components are easily customizable

An UI example buit with InnerSearch : 

[![Exemple UI](https://raw.githubusercontent.com/InnerSearch/vue-innersearch/master/docs/images/exemple-ui.png)]()

Corresponding code : 

```html



    


        


            

            

        

    

    


        


            

            


                

                

            

            


            

        

     



```


## Quick Start

Checkout innersearch starter app [starter app](https://github.com/TrimA74/innerSearch-starter-app)

See full [Documentation](https://innersearch.github.io/vue-innersearch)

### Installing via NPM

```bash

$ npm install --save vue-innersearch

```

### Using as `` tag

vue-innersearch needs Vue and Vuex to work

````html

  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js">

  

  

````

Have a look at how to use the standalone UMD build in our [Jsbin example](http://jsbin.com/gayugup/edit?html,output)

## Quick Intro

[Live demo](http://vue-innersearch.surge.sh/)

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FInnerSearch%2Fvue-innersearch.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FInnerSearch%2Fvue-innersearch?ref=badge_large)