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
                      :text="text"
                      :obj="obj"
                      >
  <div>
      <network network="email">
          Email {{ $attrs.text }}
          {{ $attrs.obj.bar }}
          {{ $attrs.obj.obj.foo }}
      </network>
      <network network="facebook">
        Facebook
      </network>
  </div>
</vue-social-sharing>

<input v-model="obj.obj.foo">
</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

snew Vue({
  el: "#app",
  
  components: {VueSocialSharing},
  
  data: {
    text: 'someText',
    obj: {
    	obj: {
      	foo: 'foo'
      },
      bar: 'bar',
    },
  },
})