Customizable & SEO-friendly Social Sharing Component - vue-share-it

Install & Download:

# Yarn
$ yarn add vue-share-it
# NPM
$ npm install vue-share-it --save

Description:

vue-share-it is an SEO-friendly social sharing component to create customizable social share links/buttons on the app.

Supported platforms:

Twitter
LinkedIn
Facebook
Whatsapp
Reddit
Email

How to use it:

1. Import the vue-share-it component.

import shareIt from 'vue-share-it';

2. Register the componnet.

Vue.use(shareIt);

3. Create default social share buttons in the template.

<shareit />

4. Use icons instead.

<share-it :icons="true" />
<share-it icons outline />
<share-it icons outline round />

5. Enable/disable social platforms.

<share-it :targets="['twitter', 'facebook']" />

6. More props to customize the social share buttons.

shareConfig: {
  type: Object,
  default: () => {
    return {
      linkedin: {},
      twitter: {},
      facebook: {},
      whatsapp: {},
      reddit: {},
      email: {},
    }
  }
},
targets: {
  type: Array,
  default: () => {
    return []
  }
},
text: {
  type: String,
  default: ''
},
url: {
  type: String,
  default: ''
},
width: {
  type: Number,
  default: 600
},
height: {
  type: Number,
  default: 600
},
dense: {
  type: Boolean,
  default: false
},
dark: {
  type: Boolean,
  default: false
},
icons: {
  type: Boolean,
  default: false
},
outline: {
  type: Boolean,
  default: false
},
round: {
  type: Boolean,
  default: false
},
iconSize: {
  type: String,
  default: 'lg'
}