vue-share-social

Social NetWorking Share Button Components on Vue.js.

Usage

install

$ npm install vue-share-social

or

$ yarn add vue-share-social

※ Transpile Build And node-sass, sass-loader Required. (ex: webpack, babel)

Add Plugin

import Vue from 'vue'
import VueShareSocial from 'vue-share-social'

Vue.use(VueShareSocial)

or

Use Component

Common Props

|props|default|description| |:----|:----:|:----| |url|current url|shared url| |windowWidth|640|popup window width| |windowHeight|640|popup window height| |size|m|button size at s, m, l| |type|circle|button type at circle, square, rounded| |elevation|5|the height of the button shadow in the range of 1 to 10|

Twitter And Hatena Props

|props|default|description| |:----|:----:|:----| |title|-|shared title|

Pattern On Share Button

• Facebook Share
• Twitter Like
• GooglePlus Share
• Hatena Blog Share
• Line Like

<template>
  <div>
    <ShareFacebook url="http://recruit.istyle.co.jp/career/"/>
    <ShareTwitter url="http://recruit.istyle.co.jp/career/"/>
    <ShareGooglePlus url="http://recruit.istyle.co.jp/career/"/>
    <ShareHatena url="http://recruit.istyle.co.jp/career/"/>
    <ShareLine url="http://recruit.istyle.co.jp/career/"/>
  </div>
</template>

<script>
import { ShareFacebook, ShareTwitter, ShareGooglePlus, ShareHatena, ShareLine } from 'vue-share-social'

export default {
  components: {
    ShareFacebook,
    ShareTwitter,
    ShareGooglePlus,
    ShareHatena,
    ShareLine
  }
}
</script>

Credit

• kohei-takata
• kubotak-is

License

MIT