push notification works
Deploy app frontend / app frontend (push) Successful in 1m32s

This commit is contained in:
2024-12-05 21:06:57 +02:00
parent 23aced4071
commit d57e1569b3
8 changed files with 115 additions and 117 deletions
+18 -17
View File
@@ -2,8 +2,8 @@
import { RouterView } from 'vue-router'
import { registerServiceWorker } from '@/registerServiceWorker'
const router = useRouter()
const debugEnabled = ref(import.meta.env.DEV)
// const router = useRouter()
const debugEnabled = ref(false) // import.meta.env.DEV)
const debugItems = ref<string[]>([])
const debug = (...data: unknown[]) => {
if (debugEnabled.value) {
@@ -14,21 +14,21 @@ const debug = (...data: unknown[]) => {
provide('debug', debug)
registerServiceWorker()
.then(() => {
console.log('Service Worker успешно зарегистрирован')
navigator.serviceWorker.addEventListener('message', (event) => {
if (event.data.type === 'debug') {
if ('debug' in event.data && typeof event.data.debug === 'object') {
debug(event.data.debug)
}
} else if (event.data.type === 'notificationClick' && !event.data.matchUrl) {
const url = new URL(event.data.url, location.origin)
console.debug('go to', `${url.pathname}${url.search}${url.hash}`)
router.push(`${url.pathname}${url.search}${url.hash}`)
}
})
})
.catch(console.error)
// .then(() => {
// // console.log('Service Worker успешно зарегистрирован')
// navigator.serviceWorker.addEventListener('message', (event) => {
// if (event.data.type === 'debug') {
// if ('debug' in event.data && typeof event.data.debug === 'object') {
// debug(event.data.debug)
// }
// } else if (event.data.type === 'notificationclick' && !event.data.matchUrl) {
// const url = new URL(event.data.url, location.origin)
// // console.debug('go to', `${url.pathname}${url.search}${url.hash}`)
// router.push(`${url.pathname}${url.search}${url.hash}`)
// }
// })
// })
// .catch(console.error)
</script>
<template>
@@ -43,6 +43,7 @@ registerServiceWorker()
<span class="font-mono text-xs">{{ value }}</span>
</div>
</div>
<RouterView />
</template>