vue-share-buttons icon indicating copy to clipboard operation
vue-share-buttons copied to clipboard

This is not work in nuxt

Open memclutter opened this issue 4 years ago • 1 comments

Expected Behavior

Work in nuxtjs

Actual Behavior

Doesn't work in nuxtjs, display error Cannot find module

Steps to Reproduce the Problem

memclutter avatar Mar 21 '20 19:03 memclutter

You can write your code like so as to have it work with Nuxt

<template>
  <div>
    <twitter-button
      :url="shareUrl"
      :description="shareDescription"
    />
  </div>
</template>

<script>
import VueShareButtons from 'vue-share-buttons/dist/vue-share-buttons.umd';
import 'vue-share-buttons/dist/vue-share-buttons.css';

import { defineComponent } from 'nuxt-composition-api';

export default defineComponent({
  components: {
    ...VueShareButtons.components,
  },
  props: {
    description: {
      type: String,
      default: ''
    },
    shareLink: {
      type: String,
      default: ''
    },
  },
  setup(props){
    return {
      shareDescription: props.description,
      shareUrl: props.shareLink,
    }
  }
})
</script>

muthuridennis avatar Aug 14 '20 13:08 muthuridennis