← All integrations
Vue / Nuxt setup

Install COKIQ in Vue or Nuxt

Use the Vue helper package, a Nuxt client plugin, or the base HTML template depending on your stack.

npm package live

Package install

npm i @cokiq/vue

Universal script

Use this fallback on any site that supports custom HTML. Replace YOUR_SITE_KEY with the key generated in the COKIQ dashboard.

<script src="https://cokiq.com/api/s/YOUR_SITE_KEY" data-key="YOUR_SITE_KEY" async></script>

Install steps

  1. Install @cokiq/vue or add the universal script to the app template.
  2. For Nuxt, load COKIQ as a client-side plugin or app-level script.
  3. Use the production site key and avoid multiple script inserts.
  4. Build and test the live route output after deployment.

Verify after install

  • ✓The banner appears after hydration.
  • ✓Route changes do not create duplicate COKIQ elements.
  • ✓Consent actions are visible in the COKIQ dashboard.