Configuration

Now that the Cookiebot package is installed, we need to add some global configuration to your app.

Basic installation

The Cookiebot ID is configured via Nuxt's runtime config, which keeps it out of your build and allows it to be overridden at runtime via environment variables.

export default defineNuxtConfig({
  modules: ["@ambitiondev/nuxt-cookiebot"],
  cookiebot: {},
  runtimeConfig: {
    public: {
      cookiebot: {
        id: 'COOKIEBOT_ID_HERE',
      },
    },
  },
});

.env usage

Nuxt automatically maps NUXT_PUBLIC_* environment variables to runtimeConfig.public. You can set your Cookiebot ID without touching nuxt.config.ts:

NUXT_PUBLIC_COOKIEBOT_ID=supersecret

export default defineNuxtConfig({
  modules: ["@ambitiondev/nuxt-cookiebot"],
  cookiebot: {},
  runtimeConfig: {
    public: {
      cookiebot: {
        id: '', // overridden by NUXT_PUBLIC_COOKIEBOT_ID at runtime
      },
    },
  },
});