[Vue warn]: Failed to resolve directive: clipboard

Question

I'm using https://github.com/zhuowenli/vue-clipboards. But when i tried this it doesn't work. I'm new to vue and nuxt js. and there is an error on the console that says [Vue warn]: Failed to resolve directive: clipboard. BTW i have already installed clipboard.

Template

<button v-clipboard='message'>Copy</button>

Script

import VueClipboards from 'vue-clipboards'
export default {
  components: { VueClipboards },
  data () {
    return {
      message: 'asdad'
      }
    }
  }

Answer 1

This same issue is mentioned here: https://github.com/Inndy/vue-clipboard2/issues/4

You can solve it adding the component in the main.js file. By doing that, you are making it global.

https://vuejsfeed.com/blog/copy-texts-to-clipboard-using-vue-clipboard2

Best regards