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, pending, refresh, error } = 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