feat: add support for the Web Share Target API (#1100)

Co-authored-by: userquin <userquin@gmail.com>

composables/web-share-target.ts

@@ -0,0 +1,24 @@
+export function useWebShareTarget(listener?: (message: MessageEvent) => void) {
+  if (process.server)
+    return
+
+  onBeforeMount(() => {
+    // PWA must be installed to use share target
+    if (useNuxtApp().$pwa.isInstalled && 'serviceWorker' in navigator) {
+      if (listener)
+        navigator.serviceWorker.addEventListener('message', listener)
+
+      navigator.serviceWorker.getRegistration()
+        .then((registration) => {
+          if (registration && registration.active) {
+            // we need to signal the service worker that we are ready to receive data
+            registration.active.postMessage({ action: 'ready-to-receive' })
+          }
+        })
+        .catch(err => console.error('Could not get registration', err))
+
+      if (listener)
+        onBeforeUnmount(() => navigator.serviceWorker.removeEventListener('message', listener))
+    }
+  })
+}