Getting Started

Installation

npx nuxt module add nuxt-c15t

Basic Configuration

Add nuxt-c15t to your nuxt.config.ts:

export default defineNuxtConfig({
  modules: ['nuxt-c15t'],

  c15t: {
    mode: 'offline',
    consentCategories: ['necessary', 'measurement', 'marketing'],
  },
})

Modes

Mode	Description
offline	Browser-local storage only, no backend needed
hosted	Use consent.io managed backend (recommended for production)
self-hosted	Your own c15t backend instance

Add the Banner

Drop the consent banner and preferences dialog into your app.vue or layout:

<template>
  <div>
    <NuxtPage />
    <C15tConsentManager />
  </div>
</template>

The banner appears automatically when a user hasn't consented yet. Clicking "Preferences" opens the dialog.

Check Consent

Use the useC15t() composable to reactively check consent state:

<script setup>
const { has, consents } = useC15t()

const hasMeasurement = has('measurement')
</script>

<template>
  <div v-if="hasMeasurement">
    Analytics are enabled
  </div>
</template>

Next Steps

• Configuration — all module options
• Nuxt Scripts integration — gate third-party scripts behind consent
• API reference — full composable documentation