Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/koddr/vue-goodshare
🍿 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. Powered by goodshare.js project.
https://github.com/koddr/vue-goodshare
components share share-buttons social-buttons vue vue-components vuejs2
Last synced: about 2 months ago
JSON representation
🍿 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. Powered by goodshare.js project.
- Host: GitHub
- URL: https://github.com/koddr/vue-goodshare
- Owner: koddr
- License: mit
- Created: 2017-10-29T15:33:33.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-04-12T04:52:42.000Z (5 months ago)
- Last Synced: 2024-04-12T12:19:52.655Z (5 months ago)
- Topics: components, share, share-buttons, social-buttons, vue, vue-components, vuejs2
- Language: Vue
- Homepage: https://vue-goodshare.js.org
- Size: 4.17 MB
- Stars: 447
- Watchers: 12
- Forks: 46
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Support: docs/supported-misc-components.md
Awesome Lists containing this project
README
🍿 vue-goodshare
Vue.js component for share link to social networks and mobile messengers
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:
### 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:
## 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.
[](https://www.digitalocean.com/?refcode=b41859fa9b6e&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)
### Stargazers over time
[](https://starchart.cc/koddr/vue-goodshare)
## Code Contributors
This project exists thanks to all the people who contribute.
## License
MIT