🍿 vue-goodshare

Vue.js component for share link to social networks and mobile messengers

vue-goodshare logo

A simple way to share a link on the pages of your website in the most popular (and not so) social networks.
Powered by goodshare.js project.

## 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](https://vue-goodshare.js.org) ## Installation ```console foo@bar:~$ npm install --save vue-goodshare ``` ## Usage ### Single share element Includes **only needed** social networks or mobile messengers. ```js /** * 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): ```html

``` Result: screen shot

### Bundle of share elements > Facebook, Twitter, LinkedIn, Google Plus, Tumblr, Pinterest, Reddit ```js /** * 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): ```html

``` Result: screen shot

## Demo on `localhost` ```console 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): ```console foo@bar:~$ python3 -m http.server 4000 --bind localhost ``` ## Developers - Idea and active development by [Vic Shóstak](https://github.com/koddr) (aka Koddr). ## Project assistance If you want to say «thank you» or/and support active development `vue-goodshare`: 1. Add a GitHub Star to project. 2. Twit about project [on your Twitter](https://twitter.com/intent/tweet?text=I%20found%20%40vuejs%20component%20for%20%23share%20a%20link%20from%20your%20%23website%20to%20%23social%20networks%20and%20mobile%20%23messengers%20%F0%9F%91%8D&url=https%3A%2F%2Fgithub.com%2Fkoddr%2Fvue-goodshare). 3. Donate some money to project author via PayPal: [@paypal.me/koddr](https://paypal.me/koddr?locale.x=en_EN). 4. Join DigitalOcean at our [referral link](https://m.do.co/c/b41859fa9b6e) (your profit is **$100** and we get $25). Thanks for your support! 😘 Together, we make this project better every day. [![DigitalOcean Referral Badge](https://web-platforms.sfo2.digitaloceanspaces.com/WWW/Badge%202.svg)](https://www.digitalocean.com/?refcode=b41859fa9b6e&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge) ### Stargazers over time [![Stargazers over time](https://starchart.cc/koddr/vue-goodshare.svg)](https://starchart.cc/koddr/vue-goodshare) ## Code Contributors This project exists thanks to all the people who contribute.

## License MIT