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

yandex vuejs vue-component

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

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

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

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.

Collection of 15 Vue Input Component for Your Vue.js App

Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.

10 Best Vue Form Component for Your Vue App

Vue Form component is a tool to help you solve the problem of allowing end-users to interact with the data and modify the data in your application.