refactor: use nuxt compatiable 4 folder

app/utils/pwa.ts

@@ -0,0 +1,35 @@
+import { isClient } from '@vueuse/core'
+
+/**
+ * - https://web.dev/customize-install/#detect-install
+ * - [Trigger installation from your PWA](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/How_to/Trigger_install_prompt)
+ */
+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')
+  })
+}