带有 Vue & UI Pro 的仪表板模板

algolia
algolia

Algolia 搜索模块 for Nuxt

@nuxtjs/algolia

@nuxtjs/algolia

npm versionnpm downloadsGithub Actions CICodecovLicense

Algolia 模块 for Nuxt

特性

  • 轻松集成 Algolia
  • 提供便捷的组合式组件,例如 useAlgoliaSearch 和 useAsyncAlgoliaSearch
  • 支持 Vue Instantsearch 组件
  • 支持 Algolia Recommend
  • 支持 Docsearch
  • 支持自动索引
  • 支持缓存请求和响应
  • 支持 SSR 请求

📖  阅读文档

预览

Open in StackBlitz

设置

npx nuxi@latest module add algolia

基本用法

在 .env 文件中添加 ALGOLIA_API_KEYALGOLIA_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 installnpm install 安装依赖项
  3. 使用 yarn devnpm run dev 启动开发服务器

许可证

MIT 许可证