Vue.js aタグに変更したい

twitterの画像を押すとtwitterにシェアできます。
現在divタグ担っているのですがaタグかareaに変更したいです！
どうやったらいいのでしょうか？
わかる人ご教授お願いしたいです

 <social-sharing
  :hashtags="getHashTags()"
  :url="shareUrl()"
>
<div class="twitter">
 <network network="twitter">
   <img src="/images/twitter.svg" />
 </network>
  </div>
</social-sharing>

  shareUrl(): string {
    return `/sns/${this.code}`
  }

行動規範の内容に同意します

回答1件

ベストアンサー

これでもクリック時に別窓開いたけど違うのかな…

vue
1<template>
2 <social-sharing
3    :url="shareUrl()"
4    title="The Progressive JavaScript Framework"
5    description="Intuitive, Fast and Composable MVVM for building interactive interfaces."
6    quote="Vue is a progressive framework for building user interfaces."
7    hashtags="hashtags"
8    twitter-user="vuejs"
9    inline-template
10  >
11  <a href="#">
12    <network network="twitter">
13      リンク
14    </network>
15  </a>
16  </social-sharing>
17</template>
18
19<script>
20  export default {
21    data: function () {
22      return {
23        code: 'Hello'
24      }
25    },
26    methods: {
27      shareUrl: function() {
28        return `/sns/${this.code}`
29      },
30    },
31  }
32</script>
33
34<style>
35</style>