@nuxtjs/algolia
功能
- 轻松集成 Algolia
- 方便的组合式函数,如 useAlgoliaSearch、useAsyncAlgoliaSearch
- 支持 Vue Instantsearch 组件
- 支持 Algolia Recommend
- 支持 Docsearch
- 支持自动索引
- 支持缓存请求和响应
- 支持 SSR 请求
预览
设置
npx nuxi@latest module add algolia
基本用法
将 ALGOLIA_API_KEY
和 ALGOLIA_APPLICATION_ID
环境变量添加到 .env 文件。
ALGOLIA_API_KEY="0fd1c4eba2d831788333e77c9d855f1d"
ALGOLIA_APPLICATION_ID="AGN9HEEKF3"
现在你可以在你的应用程序中使用 @nuxtjs/algolia
了!
客户端
<script setup lang="ts">
const { result, search } = useAlgoliaSearch('test_index')
onMounted(async () => {
await search({ query: 'Samsung' })
})
</script>
<template>
<div>{{ result }}</div>
</template>
或者 SSR
<script setup lang="ts">
const { data } = await useAsyncAlgoliaSearch({ indexName: 'test_index', query: 'Samsung' })
</script>
<template>
<div>{{ data }}</div>
</template>
开发
- 克隆此存储库
- 使用
yarn install
或npm install
安装依赖项 - 使用
yarn dev
或npm run dev
启动开发服务器