Yandex Vue component for the Share block

by Vue.js Examples

Vue Yandex Share

Yandex Vue component for the Share block.

View Demo View Github

If you place a block on your site, visitors can quickly post links to their favorite pages on their social networks.

Installation

npm i @alexlit/vue-yandex-share -S

Using

<script>
  import VueYandexShare from '@alexlit/vue-yandex-share';

  export default {
    components: { VueYandexShare },

    data() {
      return {
        /**
         * Параметры плагина
         */
        options = {
          accessToken: null,
          bare: false,
          counter: false,
          copy: 'last',
          description: null,
          direction: 'horizontal',
          hashtags: null,
          image: null,
          lang: 'ru',
          limit: 24,
          popupDirection: 'bottom',
          popupPosition: 'inner',
          size: 'm',
          title: null,
          url: null,
          services: [
            'blogger',
            'delicious',
            'digg',
            'evernote',
            'facebook',
            'gplus',
            'linkedin',
            'lj',
            'moimir',
            'odnoklassniki',
            'pinterest',
            'pocket',
            'qzone',
            'reddit',
            'renren',
            'sinaWeibo',
            'skype',
            'surfingbird',
            'telegram',
            'tencentWeibo',
            'tumblr',
            'twitter',
            'viber',
            'vkontakte',
            'whatsapp',
          ],
        };
      }
    }
  };
</script>

<template>
  <vue-yandex-share v-bind="options"></vue-yandex-share>
</template>

GitHub