Nuxt KQL
Nuxt 模組,用於 Kirby 的查詢語言 API。
功能
- 🔒 在發送查詢時保護您的 Kirby 憑證
- 🪢 支援使用 Kirby Headless Starter 進行基於令牌的身份驗證(建議)
- 🤹 沒有 CORS 問題!
- 🍱 像使用
useFetch
composable 一樣處理請求 - 🗃 快取查詢回應
- 🦦 提供多個入門工具包
- 🦾 強類型
設定
!提示📖 閱讀文件
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>
💻 開發
- 克隆此儲存庫
- 使用
corepack enable
啟用 Corepack - 使用
pnpm install
安裝相依性 - 執行
pnpm run dev:prepare
- 使用
pnpm run dev
啟動開發伺服器
許可證
MIT 許可證 © 2022-目前 Johann Schopplich