I’m exited to share my latest project with you - Nuxt Simple Cookies Consent.
<a href="https://github.com/criting/nuxt-simple-cookie-consent" target="_blank" rel="noopener nofollow">https://github.com/criting/nuxt-simple-cookie-consent</a>
Cookie banners have become a default requirement in modern websites — but most solutions I found for Nuxt were either too bloated, too opinionated, or overly complex just to get a consent banner working.
So I decided to build my own — headless, fully customizable, and Nuxt 3-native.
A lightweight module that gives you full control over cookie categories, script injection, consent logic, and expiration — while staying out of your way when it comes to styling and UI.
Features
Here’s what it currently supports out of the box:
✅ Headless design – You build the banner, modals, toggles — I just give you the reactive state and logic.
✅ Categorized script control – Group scripts into analytics, ads, or anything you want.
✅ Support for multi-category scripts – e.g. a single script can belong to both analytics and ads.
✅ Required categories – Enforce required scripts that users can’t disable.
✅ Auto-injection and removal – Based on real-time preferences.
✅ Consent expiration – Re-prompt users after a configurable duration (e.g. 180 days).
✅ Consent versioning – Force re-consent if your cookie policy changes.
✅ Event hooks – Listen to consent lifecycle events like:
onConsentAccepted
onCategoryAccepted(category)
onScriptsInjected(category)
✅ SSR-safe – All scripts only run on the client, avoiding hydration mismatch.
✅ Supports &lt;script&gt;, inline code, custom HTML, &lt;iframe&gt;, etc.
✅ Dev helpers like resetPreferences(), debug logging, and expiration checks.
Still Experimental
I’ve tested it with a few real-world setups, but I definitely need more eyes on it
Contribute or Give Feedback
GitHub repo: <a href="https://github.com/criting/nuxt-simple-cookie-consent" target="_blank" rel="noopener nofollow">https://github.com/criting/nuxt-simple-cookie-consent</a>
Found a bug?
Have ideas for improvements?
Want to contribute?
Pull requests, discussions, and constructive critique are very welcome. Let’s make this a community-friendly solution.
Image

Hey there! Welcome to The Looop Tech - Vue.js. I’m your host IGC , your friendly neighborhood Vue.js enthusiast! Join me each week as I chat about the latest Vue.js news, share fun tips, and dive into all things Nuxt.js. It’s just me here, so if you’

Vuejs&Nuxtjs

A developer has created a lightweight, headless cookie consent module for Nuxt 3 that provides full control over cookie categories, script injection, and consent logic without imposing styling constraints. The module features categorized script control, consent expiration, versioning, event hooks, SSR safety, and development helpers. It's designed as a community-friendly alternative to bloated existing solutions, offering reactive state management and real-time preference handling while remaining experimental and seeking community feedback.

Nuxt: Simple Cookie Consent

Interesting! Has anyone tried this in production?