【Vue × Firestore × Algolia】を使用して全文検索を実装したいです

#Vue × Firestore × Algoliaを使用して全文検索を実装したいです

現在Vue.jsとFirebaseを使用してポートフォリオを作成しております。
そこで検索機能を実装したく調べてみると公式でも推奨しているAlgoliaにたどり着きました。

しかし、導入方法を色んな記事、サイトを調べて確認致しましたが分からず行き詰っている状況です。

##Algolia

Algoliaにつきましては、下記は実行済になります。

Algoliaへサインアップ
Indexの作成
検索対象となるデータは入れておりません。

※API経由でレコードを追加したいと考えているため。

APIキーの確認

フロントエンド(?)の実装はまだしておらず、上記のみになります。

##Firebase

firebase側の設定を行い、Vueアプリと連携済み
npm install save algoliasearch インストール済

functionsの設定は、分からずまだ触れていない状況です。

下記記事にもあるようにfirestoreの特定のcollectionにデータが追加された時に実行されるfunctionを実装、
またはfunction内で、先ほどインストールしたパッケージ(algoliasearch)を利用して、Algolia側にもデータを保存の仕方。
恥ずかしながら下記コードをどこに記述したらいいのかも分からない状況です。。

【Firebase】AlgoliaでFirestoreの全文検索機能を実装してみた

const functions = require("firebase-functions");
const admin = require('firebase-admin')
admin.initializeApp(functions.config().firebase)
const algoliasearch = require("algoliasearch")
const ALGOLIA_ID = functions.config().algolia.app_id
const ALGOLIA_ADMIN_KEY = functions.config().algolia.api_key
const ALGOLIA_SEARCH_KEY = functions.config().algolia.search_key
const ALGOLIA_INDEX_NAME = "Practice"
const client = algoliasearch(ALGOLIA_ID, ALGOLIA_ADMIN_KEY)  


exports.onProductCreated = functions.firestore.document("posts/{id}").onCreate((snap, context) => {
  const data = snap.data()  
  data.objectID = context.params.id  
  const index = client.initIndex(ALGOLIA_INDEX_NAME)
  return index.saveObject(data)
})