@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:prepare或npm run dev:prepare准备开发环境 - 使用
yarn dev或npm run dev启动开发服务器