vue-sharethis/README.md

Vue wrapper component for sharethis.com Social Widget

# 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