Vue Sharethis

A simple Vue wrapper component for sharethis.com social share widget

Sharethis.com website: https://sharethis.com

npm install vue-sharethis

OR

yarn add vue-sharethis

Install globally:

import Vue from 'vue'
import Sharethis from 'vue-sharethis'

Vue.use(Sharethis)

Install locally:

import Sharethis from 'vue-sharethis';

export default {
  name: "App",
  components: {
    Sharethis
  }
};

Usage:

<Sharethis
      share-this-embed-url="//platform-api.sharethis.com/js/sharethis.js#property=[your-id]&product=sticky-share-buttons&cms=sop"
    />

Usage with Nuxt:

<client-only>
  <Sharethis
        share-this-embed-url="//platform-api.sharethis.com/js/sharethis.js#property=[your-id]&product=sticky-share-buttons&cms=sop"
      />
</client-only>

Properties

share-this-elementid - An element gets injected into the DOM with the embedded script below, it will have a unique ID, which will be used if you want the social share to only be displayed on certain pages.

share-this-embed-url (required) - The embed URL you can get on the sharethis.com website

url (optional - default: window.location.href) - The URL you want to share, you can leave it out if you don't want to share a different URL than what is being used.

This is very basic for what I needed. Feel free to message me or do push a pull request to add more functionality