<template>
  <div>
    <button v-show="appBnr">インストールする</button>
  </div>
</template>

<script>

export default {
  data() {
    return {
      appBnr: false
    };
  },
  mounted () {
    // アプリ
    if (window.matchMedia('(display-mode: standalone)').matches === false) {
      this.appBnr = true;
    }
    // safari
    if (window.navigator.standalone === false) {
      this.appBnr = true;
    }
  },
}
</script>

Vue.jsでPWAアプリとして表示されているかを判定するスクリプトです。「standalone」で表示されているかで判定するようです。「ホーム画面に追加」ダイアログを呼び出す際に使えそうです。