{"id":22486238,"url":"https://github.com/InnerSearch/vue-innersearch","last_synced_at":"2025-08-02T19:31:17.270Z","repository":{"id":90316641,"uuid":"104355711","full_name":"InnerSearch/vue-innersearch","owner":"InnerSearch","description":":mag_right: UI components built with Vue.js for ElasticSearch","archived":false,"fork":false,"pushed_at":"2019-09-12T13:22:28.000Z","size":6904,"stargazers_count":140,"open_issues_count":8,"forks_count":27,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-06-20T12:03:06.163Z","etag":null,"topics":["elasticsearch","javascript","search","vuejs","vuejs-components"],"latest_commit_sha":null,"homepage":"https://innersearch.github.io/vue-innersearch","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/InnerSearch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2017-09-21T14:03:44.000Z","updated_at":"2024-05-21T08:13:12.000Z","dependencies_parsed_at":"2023-07-28T01:15:54.996Z","dependency_job_id":null,"html_url":"https://github.com/InnerSearch/vue-innersearch","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InnerSearch%2Fvue-innersearch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InnerSearch%2Fvue-innersearch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InnerSearch%2Fvue-innersearch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InnerSearch%2Fvue-innersearch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/InnerSearch","download_url":"https://codeload.github.com/InnerSearch/vue-innersearch/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500077,"owners_count":17929997,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elasticsearch","javascript","search","vuejs","vuejs-components"],"created_at":"2024-12-06T17:14:09.831Z","updated_at":"2024-12-06T17:15:37.688Z","avatar_url":"https://github.com/InnerSearch.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","UI组件","Components \u0026 Libraries","UI Components [🔝](#readme)","UI Components"],"sub_categories":["搜索","UI Components","Search"],"readme":"[![Banner](https://raw.githubusercontent.com/InnerSearch/vue-innersearch/master/docs/images/banner.png)]()\n\n# InnerSearch : Vue.js components for ElasticSearch\n[![npm](https://img.shields.io/npm/v/vue-innersearch.svg)](https://www.npmjs.com/package/vue-innersearch)\n[![npm](https://img.shields.io/npm/dm/vue-innersearch.svg)](https://www.npmjs.com/package/vue-innersearch)\n[![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)\n[![Build Status](https://travis-ci.org/InnerSearch/vue-innersearch.svg?branch=master)](https://travis-ci.org/InnerSearch/vue-innersearch)\n[![npm](https://img.shields.io/npm/l/vue-innersearch.svg)]()\n\n\n## What is InnerSearch ?\nAn Open Source project created to help developers working with vue.js and Elastic, give them the possibility to create search UIs within the hour.\n\nInnerSearch is a suite of UI components like SearchBox, RefinementListFilter, Paginator and many others to come built with Vue.js.\n\nThe aim is to rapidly create beautiful specified search interfaces using declarative components without being an ElasticSearch and Vue.js expert.\n\nThanks too component props and slot features from Vue.js, the components are easily customizable\n\nAn UI example buit with InnerSearch : \n[![Exemple UI](https://raw.githubusercontent.com/InnerSearch/vue-innersearch/master/docs/images/exemple-ui.png)]()\n\nCorresponding code : \n```html\n\u003cdiv class=\"columns\"\u003e\n    \u003cdiv class=\"column is-one-fifth\"\u003e\n        \u003cdiv\u003e\n            \u003crefinement-list-filter :field=\"'state'\"\u003e\u003c/refinement-list-filter\u003e\n            \u003crefinement-list-filter :field=\"'gender'\"\u003e\u003c/refinement-list-filter\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"column\"\u003e\n        \u003cdiv\u003e\n            \u003csearchbox :field=\"'firstname'\"\u003e\u003c/searchbox\u003e\n            \u003cdiv style=\"margin: 20px auto;width: 90%\"\u003e\n                \u003csearch-button\u003e\u003c/search-button\u003e\n                \u003creset-button\u003e\u003c/reset-button\u003e\n            \u003c/div\u003e\n            \u003chits\u003e\u003c/hits\u003e\n\n            \u003cpaginate :previousText=\"'Previous page'\" :nextText=\"'Next page'\" :size=\"10\"\u003e\u003c/paginate\u003e\n        \u003c/div\u003e\n     \u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Quick Start\nCheckout innersearch starter app [starter app](https://github.com/TrimA74/innerSearch-starter-app)\n\nSee full [Documentation](https://innersearch.github.io/vue-innersearch)\n### Installing via NPM\n```bash\n$ npm install --save vue-innersearch\n```\n\n### Using as `\u003cscript\u003e` tag\nvue-innersearch needs Vue and Vuex to work\n\n````html\n  \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"https://unpkg.com/vue-innersearch@0.0.9/vue-innersearch.min.js\"\u003e\u003c/script\u003e\n````\n\nHave a look at how to use the standalone UMD build in our [Jsbin example](http://jsbin.com/gayugup/edit?html,output)\n\n## Quick Intro\n\n[Live demo](http://vue-innersearch.surge.sh/)\n\n\n\n\n\n## License\n[![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)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FInnerSearch%2Fvue-innersearch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FInnerSearch%2Fvue-innersearch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FInnerSearch%2Fvue-innersearch/lists"}