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
}
});
The most popular social networks around the World
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:
The most popular social networks in Russia (and the former CIS)
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:
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: