vue-share-social v0.3.2

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

Twitter And Hatena Props

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