import { isClient } from '@vueuse/core'

/**
 * https://web.dev/customize-install/#detect-install
 * @returns
 */
export function installPrompt() {
  if (!isClient)
    return

  const app = useAppStore()

  window.addEventListener('beforeinstallprompt', (e) => {
    // Prevent the mini-infobar from appearing on mobile
    // e.preventDefault()
    // Stash the event so it can be triggered later.
    app.deferredPrompt = e
    // Update UI notify the user they can install the PWA
    // showInstallPromotion()
    // Optionally, send analytics event that PWA install promo was shown.
    // eslint-disable-next-line no-console
    console.log('\'beforeinstallprompt\' event was fired.')
  })

  window.addEventListener('appinstalled', () => {
    // Hide the app-provided install promotion
    // hideInstallPromotion()
    // Clear the deferredPrompt so it can be garbage collected
    app.deferredPrompt = null
    // Optionally, send analytics event to indicate successful install
    // eslint-disable-next-line no-console
    console.log('PWA was installed')
  })
}