import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './registerServiceWorker'

/*＝＝＝＝＝＝＝＝この下の2行を追加！＝＝＝＝＝＝＝＝*/
import SocialSharing from 'vue-social-sharing'
Vue.use(SocialSharing)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

<template>
  <div class="hello">
    <social-sharing url="http://localhost:8080/"
      title="vue-social-sharingのテスト"
      description="SNS投稿を簡単にできるようにするvue-social-sharingを使ってみた件"
      quote="Vue is a progressive framework for building user interfaces."
      hashtags="vuejs,javascript,framework, npm"
      twitter-user="hogehoge001212145"
      inline-template>
      <div>
          <network network="twitter">
            <font-awesome-icon icon="fa-twitter"/> Twitter
            <font-awesome-icon class="fab fa-twitter"/>
          </network>
      </div>
    </social-sharing>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

</style>