@nuxtjs/algolia

Nuxt 的 Algolia 模块

• ✨  发布说明
• 📖  阅读文档

特性

• 与 Algolia 轻松集成
• 便捷的组合式函数，如 useAlgoliaSearch、useAsyncAlgoliaSearch
• 支持 Vue Instantsearch 组件
• 支持 Algolia Recommend
• 支持 Docsearch
• 支持自动索引
• 支持请求和响应缓存
• 支持 SSR 请求

📖  阅读文档

预览

安装

npx nuxi@latest module add algolia

基本用法

在 .env 文件中添加 ALGOLIA_API_KEY 和 ALGOLIA_APPLICATION_ID 环境变量。

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 或 npm run dev 启动开发服务器

许可证

MIT 许可证

<!-- 徽章 -->