Vue.js　buttonを押した時にモーダルを表示したい

shere.png画像とシェアの文字を押下した時にモーダルを表示したいです。
モーダルはshowShareContentがtrueになった時に表示されます。(初期値はfalseになっています。)
書き方がわからず困っています。
わかる人がいましたら教えて欲しいです

<template>
  <div class="item">
      <div class="item_favorite">
        <img
          :src="img/favorite.png"
          @click.stop="onClickFavorite()"
        />
        <p>{{ use.count }}お気に入り</p>
      </div>
      <img
        :src="img/shere.png"
        @click.stop="ボタンを押した時にshowSareContentがtrueになりモーダルが表示されるようにしたい"
        <p>シェア</P>
        <div v-if="showShareContent" class="share-content">
        <share-button
          :title="getShareTitle()"
        />
      </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import ShareButton from '@/components/ShareButton.vue'

@Component({
  components: 
    ShareButton
  }
})
export default class List extends Vue {
  showShareContent: boolean = false
  onClickFavorite() {
　　return this.use.count + 1
  }
  getShareTitle() {
    return this.use.title
  }
  onClickShareButton() {
    this.showShareContent = !this.showShareContent
  }
}