{"id":13555163,"url":"https://github.com/koddr/vue-goodshare","last_synced_at":"2025-05-14T21:09:09.018Z","repository":{"id":38318454,"uuid":"108746683","full_name":"koddr/vue-goodshare","owner":"koddr","description":"🍿 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.","archived":false,"fork":false,"pushed_at":"2025-02-17T05:03:57.000Z","size":5215,"stargazers_count":449,"open_issues_count":2,"forks_count":47,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-12T07:30:00.667Z","etag":null,"topics":["components","share","share-buttons","social-buttons","vue","vue-components","vuejs2"],"latest_commit_sha":null,"homepage":"https://vue-goodshare.js.org","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/koddr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"docs/supported-misc-components.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"liberapay":"koddr"}},"created_at":"2017-10-29T15:33:33.000Z","updated_at":"2025-03-09T06:59:19.000Z","dependencies_parsed_at":"2023-02-18T07:45:58.854Z","dependency_job_id":"68154778-4539-4061-8935-a682097110e8","html_url":"https://github.com/koddr/vue-goodshare","commit_stats":{"total_commits":323,"total_committers":20,"mean_commits":16.15,"dds":"0.47058823529411764","last_synced_commit":"6736c3f9cfcbb5c87ece38004f3f4016c6147f68"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koddr%2Fvue-goodshare","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koddr%2Fvue-goodshare/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koddr%2Fvue-goodshare/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koddr%2Fvue-goodshare/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/koddr","download_url":"https://codeload.github.com/koddr/vue-goodshare/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248753157,"owners_count":21156222,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","share","share-buttons","social-buttons","vue","vue-components","vuejs2"],"created_at":"2024-08-01T12:03:03.755Z","updated_at":"2025-04-13T17:36:13.625Z","avatar_url":"https://github.com/koddr.png","language":"Vue","funding_links":["https://liberapay.com/koddr","https://paypal.me/koddr?locale.x=en_EN"],"categories":["Vue","UI组件","Components \u0026 Libraries","UI Components","UI Components [🔝](#readme)"],"sub_categories":["社交分享","UI Components","Social Sharing"],"readme":"\u003ch1 align=\"center\"\u003e🍿 vue-goodshare\u003c/h1\u003e\n\u003ch4 align=\"center\"\u003eVue.js component for share link to social networks and mobile messengers\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"100%\" src=\"https://user-images.githubusercontent.com/11155743/32192540-861b182a-bdc5-11e7-9867-3beca0163512.png\" alt=\"vue-goodshare logo\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://badge.fury.io/js/vue-goodshare.svg\" alt=\"npm version\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Vue.js-2.5.x_or_newer-blue.svg?style=flat\" alt=\"vue.js version\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat\" alt=\"code style: prettier\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/license-MIT-yellow.svg?style=flat\" alt=\"license\"/\u003e\n  \u003ca href=\"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\u0026url=https%3A%2F%2Fgithub.com%2Fkoddr%2Fvue-goodshare\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/twitter/url/https/github.com/koddr/vue-goodshare.svg\" alt=\"twit link\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  A simple way to share a link on the pages of your website in the most popular (and not so) social networks.\u003cbr/\u003e\n  Powered by \u003ca href=\"https://github.com/koddr/goodshare.js\"\u003egoodshare.js\u003c/a\u003e project.\n\u003c/p\u003e\n\n## The Why?\n\nVue.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**.\n\nBeautiful button design **already included**. Just choose one, add attribute to component and save!\n\n## [Docs](https://vue-goodshare.js.org)\n\n## Installation\n\n```console\nfoo@bar:~$ npm install --save vue-goodshare\n```\n\n## Usage\n\n### Single share element\n\nIncludes **only needed** social networks or mobile messengers.\n\n```js\n/**\n * Import Vue.js\n */\nimport Vue from \"vue\";\n\n/**\n * Import vue-goodshare single element\n */\nimport VueGoodshareFacebook from \"vue-goodshare/src/providers/Facebook.vue\";\n\nconst app = new Vue({\n  el: \"#app\",\n  components: {\n    VueGoodshareFacebook\n  }\n});\n```\n\nAdd component to HTML template (with attributes):\n\n```html\n\u003cdiv id=\"app\"\u003e\n  \u003cvue-goodshare-facebook\n    page_url=\"https://github.com/koddr/vue-goodshare\"\n    title_social=\"Facebook\"\n    has_counter\n    has_icon\n  \u003e\u003c/vue-goodshare-facebook\u003e\n\u003c/div\u003e\n```\n\nResult:\n\n\u003cimg width=\"160\" alt=\"screen shot\" src=\"https://user-images.githubusercontent.com/11155743/32197328-d67af4f2-bdd4-11e7-8323-96d0d1376c5d.png\"\u003e\n\n### Bundle of share elements\n\n\u003e Facebook, Twitter, LinkedIn, Google Plus, Tumblr, Pinterest, Reddit\n\n```js\n/**\n * Import Vue.js\n */\nimport Vue from \"vue\";\n\n/**\n * Import vue-goodshare bundle\n */\nimport VueGoodshare from \"vue-goodshare\";\n\nconst app = new Vue({\n  el: \"#app\",\n  components: {\n    VueGoodshare\n  }\n});\n```\n\nAdd components to HTML template (without attributes):\n\n```html\n\u003cdiv id=\"app\"\u003e\n  \u003cvue-goodshare\u003e\u003c/vue-goodshare\u003e\n\u003c/div\u003e\n```\n\nResult:\n\n\u003cimg width=\"100%\" alt=\"screen shot\" src=\"https://user-images.githubusercontent.com/11155743/32456641-62592450-c337-11e7-8f75-61919301d6de.jpg\"\u003e\n\n## Demo on `localhost`\n\n```console\nfoo@bar:~$ git clone https://github.com/koddr/vue-goodshare.git\nfoo@bar:~$ cd vue-goodshare/examples\n```\n\nStart simple Python 3.4+ HTTP server (only macOS and Linux):\n\n```console\nfoo@bar:~$ python3 -m http.server 4000 --bind localhost\n```\n\n## Developers\n\n- Idea and active development by [Vic Shóstak](https://github.com/koddr) (aka Koddr).\n\n## Project assistance\n\nIf you want to say «thank you» or/and support active development `vue-goodshare`:\n\n1. Add a GitHub Star to project.\n2. 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\u0026url=https%3A%2F%2Fgithub.com%2Fkoddr%2Fvue-goodshare).\n3. Donate some money to project author via PayPal: [@paypal.me/koddr](https://paypal.me/koddr?locale.x=en_EN).\n4. Join DigitalOcean at our [referral link](https://m.do.co/c/b41859fa9b6e) (your profit is **$100** and we get $25).\n\nThanks for your support! 😘 Together, we make this project better every day.\n\n[![DigitalOcean Referral Badge](https://web-platforms.sfo2.digitaloceanspaces.com/WWW/Badge%202.svg)](https://www.digitalocean.com/?refcode=b41859fa9b6e\u0026utm_campaign=Referral_Invite\u0026utm_medium=Referral_Program\u0026utm_source=badge)\n\n### Stargazers over time\n\n[![Stargazers over time](https://starchart.cc/koddr/vue-goodshare.svg)](https://starchart.cc/koddr/vue-goodshare)\n\n## Code Contributors\n\nThis project exists thanks to all the people who contribute.\n\n\u003ca href=\"https://github.com/koddr/vue-goodshare/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/vue-goodshare/contributors.svg?width=890\u0026button=false\" /\u003e\u003c/a\u003e\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoddr%2Fvue-goodshare","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkoddr%2Fvue-goodshare","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoddr%2Fvue-goodshare/lists"}