DataProtectionBanner.vue

<template>
  <v-snackbar v-model="showBanner" multi-line :timeout="-1">
    This website requires cookies, and the limited processing of your personal
    data in order to function. By using the site you are agreeing to this as
    outlined in our
    <nuxt-link class="white--text" to="/privacy_notice"
      >Privacy Notice</nuxt-link
    >
    and our
    <nuxt-link class="white--text" to="/cookie_notice">Cookie Notice</nuxt-link
    >.

    <template #action="{ attrs }">
      <v-btn text outlined v-bind="attrs" @click="dismissBanner">
        Dismiss
      </v-btn>
    </template>
  </v-snackbar>
</template>

<script>
import VueCookies from 'vue-cookies'

export default {
  data() {
    return {
      cookieName: 'eubopen-portal_data-protection-banner-dismissed-v1',
      showBanner: false,
    }
  },
  mounted() {
    const bannerDismissed = VueCookies.get(this.cookieName)
    if (!bannerDismissed) {
      this.showBanner = true
    }
  },
  methods: {
    dismissBanner() {
      VueCookies.set(this.cookieName, true, '6m')
      this.showBanner = false
    },
  },
}
</script>

<style></style>