Vue Component for the Share Block from Yandex

Vue Component for the Share Block from Yandex

Vue Component for the Share Block from Yandex

Vue Yandex Share

Vue component for the Share block from Yandex.

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>

DEMO

DOWNLOAD

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

7 Best Vue Highlight Component for Your Vue App

Vue highlight is often used to highlight text and syntax. Here are the 7 Vue highlight components I've collected.

Collection of 10 Vue Markdown Component for Vue.js App in 2020

Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.