vue-simple-addthis-share

0.1.5 • Public • Published

Simple AddThis share component for Vue and Nuxt

release version npm version License: MIT dependences devDependences

Solves the problem with navigating through pages and URLs. Without extra shit. Just install and use. Also works with nuxt.

Install

npm install vue-simple-addthis-share --save

Usage

<script>
  import AddThis from 'vue-simple-addthis-share'
    
  export default {
    name: "AwesomeComponent",
    components: {
      AddThis,
    }
  }
</script> 

If you have the same problem as this, just try to import plugin directly

import AddThis from 'vue-simple-addthis-share/src/AddThis.vue'

If you need use it on multiply pages

import Vue from 'vue';
import AddThis from 'vue-simple-addthis-share';
 
Vue.component('add-this', AddThis);

Template area:

<template>
  <AddThis publicId="ra-somehash" />
</template>

Custom props

You can pass AddThis attributes like a pros for title, media etc (AddThis props documentation).

<template>
  <AddThis 
    publicId="ra-somehash" 
    data-url="THE URL"
    data-title="THE TITLE"
    data-description="THE DESCRIPTION"
    data-media="THE IMAGE"
    :async="true" 
  />
</template>

Package Sidebar

Install

npm i vue-simple-addthis-share

Weekly Downloads

367

Version

0.1.5

License

MIT

Unpacked Size

10.1 kB

Total Files

7

Last publish

Collaborators

  • hinex