This is Algolia Search module for Vue Storefront.

Demo integration to SearchPanel.

Frontend setup

storefront/src/modules/index.ts

import { Algolia } from '../modules/algolia-search'

export const registerModules: VueStorefrontModule[] = [
  ...,
  Algolia
]

storefront/src/themes/default/components/core/blocks/SearchPanel/SearchPanel.vue

Setup the new path to SearchPanel

// import SearchPanel from '@vue-storefront/core/compatibility/components/blocks/SearchPanel/SearchPanel'
import SearchPanel from 'src/modules/algolia-search/components/SearchPanel'

Api setup

Install package to api: cd ../vue-storefront-api yarn add -W algoliasearch

Install extension to vue-storefront-api:

$ cp -fr src/modules/algolia-search/api/algolia ../vue-storefront-api/src/api/extensions/

Update setting in configuration: ./config/default.json

"registeredExtensions": [
    ...,
    "algolia"
  ],
]

"extensions": {
    ...,
    "algolia": {
      "appId": "application-id",
      "apiKey": "application-key",
      "index": "algolia-products-index"
    },
    ...
}

Setup the Algolia access (ACL) in Algolia admin panel:

Go to Api Keys -> All Api Keys -> Select actual Api Key