透過 100 多個技巧學習 Nuxt!

kql
nuxt-kql

用於 Kirby 查詢語言 API 的 Nuxt 模組

nuxt-kql

Nuxt KQL

npm version

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>

💻 開發

  1. 克隆此儲存庫
  2. 使用 corepack enable 啟用 Corepack
  3. 使用 pnpm install 安裝相依性
  4. 執行 pnpm run dev:prepare
  5. 使用 pnpm run dev 啟動開發伺服器

許可證

MIT 許可證 © 2022-目前 Johann Schopplich