A simple dynamic table build with vue.js
npm i --save vue-share-to-social
import VueShareToSocial from 'vue-share-to-social';
Vue.use(VueShareToSocial);
import VueShareToSocial from 'vue-share-to-social';
components:{
VueShareToSocial
}
<template>
<vue-share-to-social :items="tableHeading"></vue-share-to-social>
</template>
<script>
import VueShareToSocial from 'vue-share-to-social';
...
components:{
...,
VueShareToSocial
},
data(){
return{
items: [
// default items in module is listed as string you can remove these if not needed
// if you want to modify any item, add those as object
'mail',
'linkedin',
'twitter',
'facebook',
'whatsapp',
// If you want to add new items just add as following
{
name: 'telegram',
url: 'https://telegram.me/share/url?url=',
icon: 'https://img.icons8.com/color/search/instagram',
},
],
}
}
...
</script>