Bundle of share elements

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
/**
 * Import Vue.js
 */
import Vue from "vue";

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

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

Add components to HTML template (without attributes):

1
2
3
4
5
<!-- ./index.html -->

<div id="app">
  <vue-goodshare></vue-goodshare>
</div>

Result:

screen shot

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

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

1
2
3
4
5
<!-- ./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):

1
2
3
4
5
<!-- ./index.html -->

<div id="app">
  <vue-goodshare bundle="mobile"></vue-goodshare>
</div>

And result is:

screen shot