nuxt-kql

Kirby 查询语言 API 的 Nuxt 模块

•

•

johannschopplich

johannschopplich

Nuxt KQL

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

特性

🔒 在发送查询时保护您的 Kirby 凭据
🪢 支持使用 Kirby Headless Starter 进行基于令牌的身份验证（推荐）
🤹 没有 CORS 问题！
🍱 像使用 useFetch 组合式函数一样处理请求
🗃 缓存查询响应
🦦 可用多个入门套件
🦾 强类型

设置

!TIP📖 阅读文档

npx nuxi@latest module add kql

基本用法

!TIP📖 阅读文档

将 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>

💻 开发

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

许可证

MIT 许可证 © 2022-PRESENT Johann Schopplich