How to use vue-instantsearch - 6 common examples

To help you get started, we’ve selected a few vue-instantsearch examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github vitelabs / vite-wiki / docs / .vuepress / enhanceApp.js View on Github external
export default ({Vue, options, router, siteData}) => {
  library.add(faPlay, faUndo)

  // only load on client side
  if (typeof window !== 'undefined') {
    const Toasted = require('vue-toasted')
    const VueCodemirror = require('vue-codemirror')
    require('codemirror/mode/javascript/javascript.js')
    Vue.use(Toasted.default)
    Vue.use(VueCodemirror)
    console.log(InstantSearch)
    Vue.component('ais-index', InstantSearch.Index)
    Vue.component('ais-search-box', InstantSearch.SearchBox)
    Vue.component('ais-highlight', InstantSearch.Highlight)
    Vue.component('ais-results', InstantSearch.Results)
  }
  Vue.component('v-icon', FontAwesomeIcon)
}
github vitelabs / vite-wiki / docs / .vuepress / enhanceApp.js View on Github external
export default ({Vue, options, router, siteData}) => {
  library.add(faPlay, faUndo)

  // only load on client side
  if (typeof window !== 'undefined') {
    const Toasted = require('vue-toasted')
    const VueCodemirror = require('vue-codemirror')
    require('codemirror/mode/javascript/javascript.js')
    Vue.use(Toasted.default)
    Vue.use(VueCodemirror)
    console.log(InstantSearch)
    Vue.component('ais-index', InstantSearch.Index)
    Vue.component('ais-search-box', InstantSearch.SearchBox)
    Vue.component('ais-highlight', InstantSearch.Highlight)
    Vue.component('ais-results', InstantSearch.Results)
  }
  Vue.component('v-icon', FontAwesomeIcon)
}
github vitelabs / vite-wiki / docs / .vuepress / enhanceApp.js View on Github external
export default ({Vue, options, router, siteData}) => {
  library.add(faPlay, faUndo)

  // only load on client side
  if (typeof window !== 'undefined') {
    const Toasted = require('vue-toasted')
    const VueCodemirror = require('vue-codemirror')
    require('codemirror/mode/javascript/javascript.js')
    Vue.use(Toasted.default)
    Vue.use(VueCodemirror)
    console.log(InstantSearch)
    Vue.component('ais-index', InstantSearch.Index)
    Vue.component('ais-search-box', InstantSearch.SearchBox)
    Vue.component('ais-highlight', InstantSearch.Highlight)
    Vue.component('ais-results', InstantSearch.Results)
  }
  Vue.component('v-icon', FontAwesomeIcon)
}
github vitelabs / vite-wiki / docs / .vuepress / enhanceApp.js View on Github external
export default ({Vue, options, router, siteData}) => {
  library.add(faPlay, faUndo)

  // only load on client side
  if (typeof window !== 'undefined') {
    const Toasted = require('vue-toasted')
    const VueCodemirror = require('vue-codemirror')
    require('codemirror/mode/javascript/javascript.js')
    Vue.use(Toasted.default)
    Vue.use(VueCodemirror)
    console.log(InstantSearch)
    Vue.component('ais-index', InstantSearch.Index)
    Vue.component('ais-search-box', InstantSearch.SearchBox)
    Vue.component('ais-highlight', InstantSearch.Highlight)
    Vue.component('ais-results', InstantSearch.Results)
  }
  Vue.component('v-icon', FontAwesomeIcon)
}
github algolia / vue-instantsearch / examples / ssr / src / main.js View on Github external
export async function createApp({
  beforeApp = () => {},
  afterApp = () => {},
} = {}) {
  const router = createRouter();
  const { instantsearch, rootMixin } = createInstantSearch({
    searchClient,
    indexName: 'instant_search',
    // other options, like
    // stalledSearchDelay: 50
  });

  await beforeApp({
    router,
    instantsearch,
  });

  const app = new Vue({
    mixins: [rootMixin],
    router,
    render: h => h(App),
  });