Merge pull request #51 from dargmuesli/feat/links

feat(cookie): allow to add links

Author: dargmuesli

playground/nuxt.config.ts

@@ -19,7 +19,7 @@ export default defineNuxtConfig({
         {
           description: {
             de: 'Dieser Cookie tut etwas.',
-            en: 'This cookie does something.',
+            en: 'This cookie does something very very very very very very very long.',
           },
           name: {
             de: 'Notwendiger Cookie',
@@ -30,12 +30,17 @@ export default defineNuxtConfig({
       ],
       optional: [
         {
-          name: 'Optional Cookie',
           id: 'op',
+          name: 'Optional Cookie',
+          links: {
+            'https://example.com': 'Privacy Policy',
+            'https://example.cop': null,
+          },
           targetCookieIds: ['_o', '_p', '_t'],
         },
       ],
     },
+    isCookieIdVisible: true,
     locales: ['en', 'de'],
   },
 })

src/runtime/components/CookieControl.vue

@@ -119,13 +119,27 @@
                               cookie.targetCookieIds
                             "
                           >
+                            <br />
                             {{
-                              ' IDs: ' +
+                              'IDs: ' +
                               cookie.targetCookieIds
                                 .map((id: string) => `"${id}"`)
                                 .join(', ')
                             }}
                           </span>
+                          <template
+                            v-if="Object.entries(cookie.links || {}).length"
+                          >
+                            <span
+                              v-for="entry in Object.entries(
+                                cookie.links || {}
+                              )"
+                              :key="entry[0]"
+                            >
+                              <br />
+                              <a :href="entry[0]">{{ entry[1] || entry[0] }}</a>
+                            </span>
+                          </template>
                         </label>
                       </div>
                     </li>

src/runtime/types.ts

@@ -31,6 +31,7 @@ export interface Cookie {
   description?: Translatable
   id?: string
   name: Translatable
+  links?: Record<string, string | null>
   src?: string
   targetCookieIds?: string[]
 }