通过 100+ 条技巧学习 Nuxt!

kql
nuxt-kql

用于 Kirby 查询语言 API 的 Nuxt 模块

nuxt-kql

Nuxt KQL

npm version

Nuxt 模块,用于 Kirby 查询语言 API。

特性

  • 🔒 发送查询时保护您的 Kirby 凭据
  • 🪢 支持使用 Kirby Headless Starter(推荐)进行基于令牌的身份验证
  • 🤹 无 CORS 问题!
  • 🍱 像使用 useFetch 组合式函数一样处理请求
  • 🗃 缓存的查询响应
  • 🦦 提供多个入门工具包
  • 🦾 强类型

安装

!提示📖 阅读文档

npx nuxi@latest module add kql

基本用法

!提示📖 阅读文档

将 Nuxt KQL 模块添加到您的 Nuxt 配置

// `nuxt.config.ts`
export default defineNuxtConfig({
  modules: ['nuxt-kql']
})

并在您的模板中发送查询

<script setup lang="ts">
const { data, refresh, error, status, clear } = await useKql({
  query: 'site'
})
</script>

<template>
  <div>
    <h1>{{ data?.result?.title }}</h1>
    <pre>{{ JSON.stringify(data?.result, undefined, 2) }}</pre>
  </div>
</template>

💻 开发

  1. 克隆此存储库
  2. 使用 corepack enable 启用 Corepack
  3. 使用 pnpm install 安装依赖项
  4. 运行 pnpm run dev:prepare
  5. 使用 pnpm run dev 启动开发服务器

许可证

MIT 许可证 © 2022-至今 Johann Schopplich