https://github.com/hinex/vue-simple-addthis-share

Simple AddThis share component for Vue.js
https://github.com/hinex/vue-simple-addthis-share

addthis nuxt nuxtjs share vue vuejs vuejs2

Last synced: about 12 hours ago
JSON representation

Simple AddThis share component for Vue.js

• Host: GitHub
• URL: https://github.com/hinex/vue-simple-addthis-share
• Owner: hinex
• License: mit
• Archived: true
• Created: 2018-11-04T16:40:14.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-11-04T17:42:57.000Z (almost 4 years ago)
• Last Synced: 2024-09-18T17:45:00.951Z (9 days ago)
• Topics: addthis, nuxt, nuxtjs, share, vue, vuejs, vuejs2
• Language: Vue
• Homepage: https://www.npmjs.com/package/vue-simple-addthis-share
• Size: 6.94 MB
• Stars: 12
• Watchers: 1
• Forks: 7
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Simple AddThis share component for Vue and Nuxt

[![release version](https://img.shields.io/github/v/release/hinex/vue-simple-addthis-share.svg)](https://github.com/hinex/vue-simple-addthis-share/releases) [![npm version](https://badge.fury.io/js/vue-simple-addthis-share.svg)](https://badge.fury.io/js/vue-simple-addthis-share) [![](https://data.jsdelivr.com/v1/package/npm/vue-simple-addthis-share/badge?style=rounded)](https://www.jsdelivr.com/package/npm/vue-simple-addthis-share) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/hinex/vue-simple-addthis-share/blob/master/LICENSE) [![dependences](https://david-dm.org/hinex/vue-simple-addthis-share.svg)](https://david-dm.org/hinex/vue-simple-addthis-share) [![devDependences](https://david-dm.org/hinex/vue-simple-addthis-share/dev-status.svg)](https://david-dm.org/hinex/vue-simple-addthis-share?type=dev)

Solves the problem with navigating through pages and URLs. Without extra shit. Just install and use. Also works with nuxt.

### Install

```bash

npm install vue-simple-addthis-share --save

```

### Usage

```html

  import AddThis from 'vue-simple-addthis-share'

    

  export default {

    name: "AwesomeComponent",

    components: {

      AddThis,

    }

  }

```

### If you have the same problem as [this](https://github.com/hinex/vue-simple-addthis-share/issues/1), just try to import plugin directly

```js

import AddThis from 'vue-simple-addthis-share/src/AddThis.vue'

```

### If you need use it on multiply pages

```js

import Vue from 'vue';

import AddThis from 'vue-simple-addthis-share';

Vue.component('add-this', AddThis);

```

#### Template area:

```html

  

```

#### Custom props

You can pass AddThis attributes like a pros for title, media etc ([AddThis props documentation](https://www.addthis.com/academy/setting-the-url-title-to-share/)).

```html

  

```