Socket
Socket
Sign inDemoInstall

vue-share-buttons

Package Overview
Dependencies
270
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.1.0 to 1.1.1

.eslintrc.js

6

babel.config.js
module.exports = {
presets: [
'@vue/app'
]
}
presets: ["@vue/app"],
};

@@ -5,18 +5,13 @@ MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
{
"name": "vue-share-buttons",
"version": "1.1.0",
"version": "1.1.1",
"private": false,
"license": "MIT",
"homepage": "https://github.com/Alexandrshy/vue-share-buttons",
"author": "Alexandr Shulaev <alexandrshy@gmail.com>",
"repository": {
"type": "git",
"url": "git@github.com:Alexandrshy/vue-share-buttons"
"description": "A set of social buttons for Vue.js",
"author": {
"name": "Alexandr Shulaev",
"email": "alexandrshy@gmail.com"
},
"bugs": {
"url": "https://github.com/Alexandrshy/vue-share-buttons/issues"
},
"keywords": [
"vue2",
"vuejs2",
"vue-components",
"share",
"share-link",
"share-buttons",
"social-buttons"
],
"description": "πŸ”—A set of social buttons for Vue.js",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"build-bundle": "vue-cli-service build --target lib --name vue-share-buttons ./src/VueShareButtons.vue"
"build": "vue-cli-service build --target lib --name VueShareButtons ./src/VueShareButtons.vue",
"lint": "vue-cli-service lint"
},
"dependencies": {
"node-sass": "^4.11.0",
"sass-loader": "^7.1.0",
"vue": "^2.6.6"
"node-sass": "^6.0.1",
"sass-loader": "^10.1.1",
"vue": "^2.6.14"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.5.0",
"@vue/cli-plugin-eslint": "^3.5.0",
"@vue/cli-service": "^3.5.3",
"babel-eslint": "^10.0.1",
"eslint": "^5.8.0",
"eslint-config-prettier": "^4.1.0",
"eslint-plugin-prettier": "^3.0.1",
"eslint-plugin-vue": "^5.0.0",
"prettier": "^1.16.4",
"vue-template-compiler": "^2.5.21"
"@vue/cli-plugin-babel": "^4.5.15",
"@vue/cli-plugin-eslint": "^4.5.15",
"@vue/cli-service": "^4.5.15",
"@vue/eslint-config-prettier": "^6.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.8.0",
"eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-vue": "^8.4.0",
"prettier": "^2.2.1",
"vue-template-compiler": "^2.6.14"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended",
"prettier/vue"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {

@@ -73,2 +41,20 @@ "plugins": {

],
"bugs": {
"url": "https://github.com/Alexandrshy/vue-share-buttons/issues"
},
"homepage": "https://github.com/Alexandrshy/vue-share-buttons",
"keywords": [
"vue2",
"vuejs2",
"vue-components",
"share",
"share-link",
"share-buttons",
"social-buttons"
],
"license": "MIT",
"repository": {
"type": "git",
"url": "git+ssh://git@github.com/Alexandrshy/vue-share-buttons.git"
},
"files": [

@@ -75,0 +61,0 @@ "src/*",

@@ -21,2 +21,3 @@ # vue-share-buttons

- [Full list of social networks](#full-list-of-social-networks)
- [Not worked](#not-worked)
- [Example](#example)

@@ -72,4 +73,4 @@ - [Author](#author)

<twitter-button
shareUrl="https://github.com/"
shareDescription="GitHub is where people build software."
url="https://github.com/"
description="GitHub is where people build software."
/>

@@ -89,21 +90,37 @@ </div>

> Facebook, LinkedIn, Odnoklassniki
> Facebook, LinkedIn
| **Option** | **Type's** | **Default** | **Description** |
| ------------- | ---------- | --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| url | String | `document.location.href` | URL-address you want to share |
| description | String | `document.title` | Messages you want to share |
| btnText | String | `Facebook`, `LinkedIn`, `Odnoklassniki`, etc. | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| keyCounter | String | `''` | Counter ID (note, it must be unique if you use several buttons with a counter for the same social network on the same page) |
| **Option** | **Type's** | **Default** | **Description** |
|---------------|------------|------------------------------|-----------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| btnText | String | `Facebook`, `LinkedIn`, etc. | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| keyCounter | String | `''` | Counter ID (note, it must be unique if you use several buttons with a counter for the same social network on the same page) |
| customIcon | String | `''` | Custom imag |
> Tumblr, Vkontakte
> Odnoklassniki
| **Option** | **Type's** | **Default** | **Description** |
|---------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| description | String | `document.title` | Messages you want to share |
| btnText | String | `Odnoklassniki` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| customIcon | String | `''` | Custom image |
| sharePic | String | `''` | Link to image instead of favicon |
> Tumblr
| **Option** | **Type's** | **Default** | **Description** |
| ------------- | ---------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------- |
|---------------|------------|--------------------------|-----------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -115,12 +132,30 @@ | description | String | `document.title` | Messages you want to share |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| keyCounter | String | `''` | Counter ID (note, it must be unique if you use several buttons with a counter for the same social network on the same page) |
| customIcon | String | `''` | Custom image |
> Vkontakte
| **Option** | **Type's** | **Default** | **Description** |
|---------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| description | String | `document.title` | Messages you want to share |
| title | String | `''` | Title you want to share |
| btnText | String | `Tumblr`, `Vkontakte` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| sharePic | String | `''` | Link to image instead of favicon |
| customIcon | String | `''` | Custom image |
> Pinterest
| **Option** | **Type's** | **Default** | **Description** |
| ------------- | ---------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------- |
|---------------|------------|--------------------------|-----------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -132,21 +167,23 @@ | description | String | `document.title` | Messages you want to share |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| hasCounter | Boolean | `false` | Presence of a counter with the number of share |
| digitsCounter | Number | `0` | The number of decimal places in the counter |
| keyCounter | String | `''` | Counter ID (note, it must be unique if you use several buttons with a counter for the same social network on the same page) |
| customIcon | String | `''` | Custom image |
### Buttons without a counter
> Twitter, Evernote, Hatena, Instapaper, LiveJournal
> Twitter, Hatena, Instapaper, LiveJournal
| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| url | String | `document.location.href` | URL-address you want to share |
| description | String | `document.title` | Messages you want to share |
| btnText | String | `Twitter`, `Evernote`, `Hatena`, `Instapaper`, `LiveJournal` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| **Option** | **Type's** | **Default** | **Description** |
|-------------|------------|--------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| description | String | `document.title` | Messages you want to share |
| btnText | String | `Twitter`, `Hatena`, `Instapaper`, `LiveJournal` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| customIcon | String | `''` | Custom image |

@@ -156,3 +193,3 @@ > Digg, Xing, Pocket

| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
|-------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -162,4 +199,5 @@ | btnText | String | `Digg`, `Xing`, `Pocket` | Text to be written on your button |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| customIcon | String | `''` | Custom image |

@@ -169,3 +207,3 @@ > Blogger

| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
|-------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -177,4 +215,5 @@ | description | String | `document.title` | Messages you want to share |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| customIcon | String | `''` | Custom image |

@@ -184,3 +223,3 @@ > Reddit, Renren

| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
|-------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -191,4 +230,5 @@ | title | String | `''` | Title you want to share |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| customIcon | String | `''` | Custom image |

@@ -198,3 +238,3 @@ > Weibo

| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
|-------------|------------|--------------------------|--------------------------------------------------------------------------------------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -207,11 +247,12 @@ | description | String | `document.title` | Messages you want to share |

| isBlank | Boolean | `true` | Open the "share on social networks" frame in a new window |
| modalWidth | Number | 500 | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | 500 | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| modalWidth | Number | `500` | If the property "isBlank" is set to `false`, you can set the `width` of the modal window the "share on social networks" |
| modalHeight | Number | `500` | If the property "isBlank" is set to `false`, you can set the `height` of the modal window the "share on social networks" |
| customIcon | String | `''` | Custom image |
### Buttons for instant messengers
> Facebook
> Facebook Messenger
| **Option** | **Type's** | **Default** | **Description** |
| ---------- | ---------- | ------------------------ | --------------------------------------------- |
|------------|------------|--------------------------|-----------------------------------------------|
| appID | String | `''` | A unique identifier for the application |

@@ -221,2 +262,3 @@ | url | String | `document.location.href` | URL-address you want to share |

| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| customIcon | String | `''` | Custom image |

@@ -226,6 +268,7 @@ > Viber, WhatsApp

| **Option** | **Type's** | **Default** | **Description** |
| ---------- | ---------- | ------------------------ | --------------------------------------------- |
|------------|------------|--------------------------|-----------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| btnText | String | `Viber`, `WhatsApp` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| customIcon | String | `''` | Custom image |

@@ -235,3 +278,3 @@ > Telegram

| **Option** | **Type's** | **Default** | **Description** |
| ----------- | ---------- | ------------------------ | --------------------------------------------- |
|-------------|------------|--------------------------|-----------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |

@@ -241,2 +284,3 @@ | description | String | `document.title` | Messages you want to share |

| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| customIcon | String | `''` | Custom image |

@@ -248,6 +292,8 @@ ### Send a message via email

| **Option** | **Type's** | **Default** | **Description** |
| ---------- | ---------- | ------------------------ | --------------------------------------------- |
|------------|------------|--------------------------|-----------------------------------------------|
| url | String | `document.location.href` | URL-address you want to share |
| btnText | String | `Email` | Text to be written on your button |
| hasIcon | Boolean | `true` | Presence of social network icon in the button |
| subject | String | `document.title` | Email subject |
| customIcon | String | `''` | Custom image |

@@ -258,4 +304,5 @@ ### Full list of social networks

- Digg
- Evernote
- Email
- Facebook
- Facebook Messenger
- Hatena

@@ -270,11 +317,16 @@ - Instapaper

- Renren
- Telegram
- Tumblr
- Twitter
- Viber
- Vkontakte
- Weibo
- WhatsApp
- Xing
- Telegram
- Viber
- WhatsApp
### Not worked
- Facebook counter
- LinkedIn counter
## Example

@@ -299,5 +351,3 @@

```html
<twitter-button v-bind:hasIcon="false" class="share-button--outline">
/></twitter-button
>
<twitter-button v-bind:hasIcon="false" class="share-button--outline" />
```

@@ -307,3 +357,3 @@

[Live Demo]()
[Live Demo](https://codesandbox.io/s/9149y00-cu6tf?fontsize=14)

@@ -310,0 +360,0 @@ ```html

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚑️ by Socket Inc