Nuxt module for Kirby's Query Language API.
- 🔒 Protect your Kirby credentials when sending queries
- 🪢 Supports token-based authentication with Kirby Headless Starter (recommended)
- 🤹 No CORS issues!
- 🍱 Handle request just like with the
useFetch
composable - 🗃 Cached query responses
- 🦦 Multiple starter kits available
- 🦾 Strongly typed
npx nuxi@latest module add kql
Add the Nuxt KQL module to your Nuxt config:
// `nuxt.config.ts`
export default defineNuxtConfig({
modules: ['nuxt-kql']
})
And send queries in your template:
<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>
- Clone this repository
- Enable Corepack using
corepack enable
- Install dependencies using
pnpm install
- Run
pnpm run dev:prepare
- Start development server using
pnpm run dev
MIT License © 2022-PRESENT Johann Schopplich