Draft: Cookie Control rewrite (use new dialog component)

.husky/commit-msg

@@ -1 +1 @@
-pnpm commitlint --edit "$1"
+pnpm commitlint --edit "$1"

.husky/pre-commit

@@ -1 +1 @@
-pnpm lint-staged
+pnpm lint-staged

package.json

@@ -14,9 +14,11 @@
     "@commitlint/cli": "19.5.0",
     "@commitlint/config-conventional": "19.5.0",
     "@dargmuesli/nuxt-cookie-control": "link:",
+    "@headlessui/vue": "^1.7.23",
     "@nuxt/eslint-config": "0.5.7",
     "@nuxt/module-builder": "0.8.4",
     "@nuxt/schema": "3.13.2",
+    "@nuxtjs/tailwindcss": "^6.12.1",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/commit-analyzer": "13.0.0",
     "@semantic-release/git": "10.0.1",
@@ -79,7 +81,9 @@
   },
   "scripts": {
     "build": "nuxt-module-build build",
-    "dev": "pnpm --dir playground run dev",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "lint": "pnpm run lint:js && pnpm run lint:ts",
     "lint:fix": "pnpm run lint:js --fix . && pnpm run lint:ts --fix",
     "lint:js": "eslint --cache",

playground/nuxt.config.ts

@@ -22,17 +22,41 @@ export default defineNuxtConfig({
     cookies: {
       necessary: [
         {
+          id: 'n',
           description: {
             de: 'Dieser Cookie tut etwas.',
             en: 'This cookie does something very very very very very very very long.',
           },
-          id: 'n',
           name: {
             de: 'Notwendiger Cookie',
             en: 'Necessary Cookie',
           },
           targetCookieIds: ['NEC'],
         },
+        {
+          id: 'x',
+          description: {
+            de: 'Dieser Cookie tut etwas.',
+            en: 'This cookie does something very very very very very very very long.',
+          },
+          name: {
+            de: 'Notwendiger Cook',
+            en: 'Necessary Cook',
+          },
+          targetCookieIds: ['NEC'],
+        },
+        {
+          id: 'p',
+          description: {
+            de: 'Dieser Cookie tut etwas.',
+            en: 'This cookie does something very very very very very very very long.',
+          },
+          name: {
+            de: 'Notwendiger Cooki',
+            en: 'Necessary Cooki',
+          },
+          targetCookieIds: ['NEC'],
+        },
       ],
       optional: [
         {
@@ -45,6 +69,26 @@ export default defineNuxtConfig({
           },
           targetCookieIds: ['_o', '_p', '_t'],
         },
+        {
+          id: 'z',
+          name: 'Optional Cook',
+          links: {
+            '/': 'Local Privacy Policy',
+            'https://example.com': '3rd Party Privacy Policy',
+            'https://example.cop': null,
+          },
+          targetCookieIds: ['_o', '_p', '_t'],
+        },
+        {
+          id: 'y',
+          name: 'Optional Cooki',
+          links: {
+            '/': 'Local Privacy Policy',
+            'https://example.com': '3rd Party Privacy Policy',
+            'https://example.cop': null,
+          },
+          targetCookieIds: ['_o', '_p', '_t'],
+        },
       ],
     },
     isCookieIdVisible: true,