algolia

@nuxtjs/algolia

Nuxt 的 Algolia 模块

• 发行说明
• 阅读文档

特征

• 与 Algolia 轻松集成
• 方便的可组合项，例如 useAlgoliaSearch、useAsyncAlgoliaSearch
• 支持 Vue Instantsearch 组件
• 支持 Algolia 推荐
• 支持文档搜索
• 支持自动索引
• 支持缓存请求和响应
• 支持 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 >

发展

1. 克隆这个存储库
2. 使用yarn install或npm install安装依赖项
3. 使用yarn dev:prepare或npm run dev:prepare准备开发环境
4. 使用yarn dev或npm run dev启动开发服务器

执照

麻省理工学院许可证