Vue PrivacyConsent that controls tracking

Cookie consent for Vue 3, Nuxt, Quasar and VitePress where the visitor's choice decides what runs, across page navigation, reloads, open tabs and changed minds. Google Consent Mode v2, with a basic mode that loads its Google tag only after consent. Open source, no backend required.

Get Started

Basic vs Advanced Mode

View on GitHub

🛡️

Nothing Reaches Google Before Consent

With consentMode: 'basic', the Google tag the library loads stays off the page (no gtag.js, no dataLayer entry, no request) until the visitor allows analytics. Withdrawing stops it and deletes the Google Analytics cookies. This site runs that mode: open the Network tab and check.

How the two modes differ

🔁

Holds Across the SPA Lifecycle

The choice survives reloads and client-side navigation, a slow region lookup or remote storage read never overrides a newer choice, and in basic mode a choice or reset made in another tab is followed here.

🔑

Asks When a Feature Needs It

A feature that needs a refused category asks at that moment, saying why: requestConsent('functional', { reason }). Nothing is asked up front that the site does not use.

Consent on demand

⚖️

Fair by Design

Refusing takes one click, as accepting does, in the same style. Nothing is pre-ticked. Offer only the categories the site really uses.

🌍

Ask Everyone, or Where the Law Requires

Ask every visitor, or only in the EEA and the UK (Switzerland on request), found through Cloudflare headers, a Worker, IP geolocation or the time zone. A failed lookup asks rather than guesses.

Consent jurisdictions

📦

Vue-Native, Light, 31 Languages

A plugin and components for Vue 3, Nuxt and Quasar, one line for VitePress, a script tag anywhere else. No runtime dependencies, SSR safe, every official EU language and more.