Repository files navigation

EU Cookie Law Plugin for Vue.js

📺Demo

yarn add vue-cookie-law

<template><footer><cookie-lawtheme="dark-lime"></cookie-law></footer></template><script>importCookieLawfrom'vue-cookie-law'exportdefault{components:{ CookieLaw}}</script>

You can also pass in the message into a named slot. This way you can for example add<router-link> and other dynamic content.

<cookie-law><divslot="message">    Here is my message for more info<router-linkto="legal-notes">Click here</router-link></div></cookie-law>

For a more complex layout use thescoped slot

<cookie-law><divslot-scope="props"><buttonclass="skew"@click="props.accept"><span>I accept</span></button><p>      This site uses 🍪</p><buttonclass="skew"@click="props.close"><span>Ignore me</span></button></div></cookie-law>

The default button will emit anaccept event you can listen on if the user clicks the button.

<cookie-lawv-on:accept="ThankYouMethod()"/>

You can easy create your own themes. The classes that need to be styled are:

• .Cookie for the container
• .Cookie__content for the content with message
• .Cookie__button for the button

If you create your own theme, postfix the class.

.Cookie--mytheme {....}.Cookie--mytheme .Cookie__button {....}.Cookie--mythemediv.Cookie__button:hover {....}

And then pass your theme name to the component.

Details changes for each release are documented in theCHANGELOG.md.

Please make sure to read theIssue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Please make sure to read theContributing Guide andCode of Conduct before making a pull request.

MIT