Nuxt Kirby
Nuxt 模組，用於與 Kirby CMS 互動，並支援 Kirby 的查詢語言 API。
功能
- 🔒 傳送查詢時保護 Kirby 憑據
- 🪢 支援使用 Kirby Headless 外掛 進行基於令牌的身份驗證（推薦）
- 🍱 處理請求就像使用
useFetch組合式函式一樣 - 🦦 提供 多個入門套件
- 🗃 快取查詢響應
- 🤹 沒有 CORS 問題！
- 🦾 強型別
設定
!TIP📖 閱讀文件
npx nuxi@latest module add kirby
基本用法
!TIP📖 閱讀文件
將 Nuxt Kirby 模組新增到您的 Nuxt 配置中
// `nuxt.config.ts`
export default defineNuxtConfig({
modules: ['nuxt-kirby']
})
並在您的模板中傳送查詢
<script setup lang="ts">
const { data, error, status } = 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