vue-goodshare
v1.6.1
Published
Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks.
Downloads
1,609
Maintainers
Readme
The Why?
Vue.js-ready™ component. Simple install, extensive documentation, developer support, SEO friendly, many options for customization of appearance, clean code without scripts tracking user activity on the page, high speed.
Beautiful button design already included. Just choose one, add attribute to component and save!
Docs
Installation
foo@bar:~$ npm install --save vue-goodshare
Usage
Single share element
Includes only needed social networks or mobile messengers.
/**
* Import Vue.js
*/
import Vue from "vue";
/**
* Import vue-goodshare single element
*/
import VueGoodshareFacebook from "vue-goodshare/src/providers/Facebook.vue";
const app = new Vue({
el: "#app",
components: {
VueGoodshareFacebook
}
});
Add component to HTML template (with attributes):
<div id="app">
<vue-goodshare-facebook
page_url="https://github.com/koddr/vue-goodshare"
title_social="Facebook"
has_counter
has_icon
></vue-goodshare-facebook>
</div>
Result:
Bundle of share elements
Facebook, Twitter, LinkedIn, Google Plus, Tumblr, Pinterest, Reddit
/**
* Import Vue.js
*/
import Vue from "vue";
/**
* Import vue-goodshare bundle
*/
import VueGoodshare from "vue-goodshare";
const app = new Vue({
el: "#app",
components: {
VueGoodshare
}
});
Add components to HTML template (without attributes):
<div id="app">
<vue-goodshare></vue-goodshare>
</div>
Result:
Demo on localhost
foo@bar:~$ git clone https://github.com/koddr/vue-goodshare.git
foo@bar:~$ cd vue-goodshare/examples
Start simple Python 3.4+ HTTP server (only macOS and Linux):
foo@bar:~$ python3 -m http.server 4000 --bind localhost
Developers
- Idea and active development by Vic Shóstak (aka Koddr).
Project assistance
If you want to say «thank you» or/and support active development vue-goodshare
:
- Add a GitHub Star to project.
- Twit about project on your Twitter.
- Donate some money to project author via PayPal: @paypal.me/koddr.
- Join DigitalOcean at our referral link (your profit is $100 and we get $25).
Thanks for your support! 😘 Together, we make this project better every day.
Stargazers over time
Code Contributors
This project exists thanks to all the people who contribute.
License
MIT