Bundle of share elements

Init bundle after Vue.js in your main JavaScript file:

// ./src/js/script.js

import Vue from "vue";

// Import vue-goodshare bundle
import VueGoodshare from "vue-goodshare";

const app = new Vue({
  el: "#app",
  components: {
    VueGoodshare
  }
});

Facebook, Twitter, LinkedIn, Google Plus, Tumblr, Pinterest, Reddit

Add component to HTML template (without attributes):

<!-- ./index.html -->

<div id="app">

  <vue-goodshare></vue-goodshare>

</div>

And result is:

screen shot

Vkontakte, Odnoklassniki, Facebook, Twitter, Moi Mir@Mail.ru, LiveJournal

Add component to HTML template (with bundle="ru" attribute):

<!-- ./index.html -->

<div id="app">

  <vue-goodshare bundle="ru"></vue-goodshare>

</div>

And result is:

screen shot

The name of the buttons will be in Russian.

Only mobile messengers

Telegram, Viber, WhatsApp, LINE

Add component to HTML template (with bundle="mobile" attribute):

<!-- ./index.html -->

<div id="app">

  <vue-goodshare bundle="mobile"></vue-goodshare>

</div>

And result is:

screen shot

results matching ""

    No results matching ""