Indices画面から新たに myblog というインデックスを作成します。
Indices > myblog > RANKING から検索対象となる属性値（Searchable Attributes）を設定。今回はブログのタイトル、説明、slug（URLパス）の３つを用意しました。
Indices > myblog > BROWS > Add records manually からデータを登録

Algoliaを利用してサジェスト機能を実装

Algoliaの検索部分の処理だけを抽出したソースが以下になります。

<template>
  <main>
    <section class="hero is-primary">
      <div class="hero-body">
        <div class="container">
          <h1 class="has-text-centered title is-size-1 font-leckerli-one">
              Engineer Blog
          </h1>
          <div>
            <div class="control has-icons-left has-icons-right search-field" :class="{'is-large is-loading': this.loading}">
              <input type="text" placeholder="" class="input is-large is-rounded" v-model="keyword">
              <span class="icon is-medium is-left"><i class="fa fa-search"></i></span>
            </div>
            <div class="dropdown is-block is-fullwidth" :class="{'is-active': this.algoliaResults.length > 0}">
                <div class="dropdown-menu" style="width: 100%">
                    <div class="dropdown-content suggest__content">
                        <nuxt-link
                            v-for="(algoliaResult, index) in algoliaResults" :key="index"
                            :to="{ name: 'posts-slug', params: { slug: algoliaResult.slug }}"
                            class="dropdown-item"
                        >
                            <p class="suggest__item__title" v-html="algoliaResult._highlightResult.title.value"></p>
                            <p class="suggest__item__description has-text-grey" v-html="algoliaResult._highlightResult.description.value"></p>
                        </nuxt-link>
                    </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section>

  </main>
</template>

<script>
import algoliasearch from 'algoliasearch'
const algoliaSearch = algoliasearch(process.env.ALGOLIA_APPLICATION_ID, process.env.ALGOLIA_SEARCH_API_KEY)
const algoliaClient= algoliaSearch.initIndex('myblog')
export default {
    data () {
        return {
            keyword: '',
            algoliaResults: [],
            loading: false,
        }
    },
    watch: {
        keyword: function(val) {
            if (val === '') {
                this.algoliaResults = []
                return
            }
            this.loading = true
            algoliaClient.search(val, function (err, content) {
                this.loading = false
                if (err) {
                    throw err
                }
                this.algoliaResults = content.hits
            }.bind(this))
        }
    }
}
</script>

どのようなUIになったかはブログのHOME からご確認ください。