Vue-social-sharing data in network

by Sova

HTML

<script src="https://unpkg.com/[email protected]/dist/vue-social-sharing.min.js"></script>
<div id="app">
  <vue-social-sharing url="https://vuejs.org/"
                      title="The "
                      description="Intuitive"
                      quote="Vue"
                      hashtags="vuejs,javascript,framework"
                      twitter-user="vuejs"
                      inline-template>
  <div>
      <network network="email">
          Email {{ text }}
      </network>
      <network network="facebook">
        Facebook
      </network>
  </div>
</vue-social-sharing>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

Vue

new Vue({
  el: "#app",
  
  components: {VueSocialSharing},
  
  data: {
    text: 'someText',
  },
})