The latest articles on DEV Community by sherkacontact (@sherkacontact_29114139136). https://dev.to/sherkacontact_29114139136 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3327967%2F25dfda20-f28a-485c-954a-cf78a088d5e6.png https://dev.to/sherkacontact_29114139136 en sherkacontact Sat, 07 Nov 2026 15:54:03 +0000 https://dev.to/sherkacontact_29114139136/nuxt-cmpkit-nuxt-cmpkit-debug-cookie-consent-module-with-a-localhost-debug-panel-515o https://dev.to/sherkacontact_29114139136/nuxt-cmpkit-nuxt-cmpkit-debug-cookie-consent-module-with-a-localhost-debug-panel-515o <p>I built two small MIT modules for Nuxt 4:</p> <p>• nuxt-cmpkit: loads the CMPKit consent widget (cookie banner / CMP). Key via config or NUXT_PUBLIC_CMPKIT_API_KEY, plus a for the footer and a useCmpkit() composable (consent state, openSettings).<br> • nuxt-cmpkit-debug: dev-only panel on localhost. Shows the config, what the widget loads, performance, consent state and cookies. The button is draggable (position saved), the dot is green when everything is OK, and there are reset-cookies buttons. In production it ships a stub, so no code reaches the bundle.</p> <p>npx nuxt module add nuxt-cmpkit<br> npx nuxt module add nuxt-cmpkit-debug</p> <p>Guide + live demo of the panel and the banner: <a href="https://cmpkit.com/nuxt" rel="noopener noreferrer">https://cmpkit.com/nuxt</a><br> Repos: <a href="https://github.com/kendrick-k/nuxt-cmpkit" rel="noopener noreferrer">https://github.com/kendrick-k/nuxt-cmpkit</a> and <a href="https://github.com/kendrick-k/nuxt-cmpkit-debug" rel="noopener noreferrer">https://github.com/kendrick-k/nuxt-cmpkit-debug</a></p> javascript opensource showdev vue