diff options
| author | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2026-05-12 21:44:32 +0100 |
|---|---|---|
| committer | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2026-05-12 21:44:32 +0100 |
| commit | c1ca45a0ba712de6fe222d4599fe12792c2271e0 (patch) | |
| tree | d2aa50fa8df3e9332d19767f5286545164e513b8 /communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue | |
| parent | 123c4371627ece5e81812a54507bcc2158be9eaf (diff) | |
| download | unnamed-group-c1ca45a0ba712de6fe222d4599fe12792c2271e0.tar unnamed-group-c1ca45a0ba712de6fe222d4599fe12792c2271e0.tar.gz unnamed-group-c1ca45a0ba712de6fe222d4599fe12792c2271e0.tar.bz2 unnamed-group-c1ca45a0ba712de6fe222d4599fe12792c2271e0.tar.xz unnamed-group-c1ca45a0ba712de6fe222d4599fe12792c2271e0.zip | |
remove alpha
Diffstat (limited to 'communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue')
| -rw-r--r-- | communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue b/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue deleted file mode 100644 index 5796198..0000000 --- a/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadAuto.vue +++ /dev/null @@ -1,60 +0,0 @@ -<script setup lang="ts"> -import { onBeforeMount, ref } from "vue"; - -const offlineReady = ref(false); -function onOfflineReady() { - offlineReady.value = true; -} -async function close() { - offlineReady.value = false; -} - -onBeforeMount(async () => { - const { registerSW } = await import("virtual:pwa-register"); - registerSW({ - immediate: true, - onOfflineReady, - onRegistered() { - console.info("Service Worker registered"); - }, - onRegisterError(e) { - console.error("Service Worker registration error!", e); - }, - }); -}); -</script> - -<template> - <template v-if="offlineReady"> - <div class="pwa-toast" role="alertdialog" aria-labelledby="pwa-message"> - <div id="pwa-message" class="mb-3">App ready to work offline</div> - <button type="button" class="pwa-cancel" @click="close">Close</button> - </div> - </template> -</template> - -<style> -.pwa-toast { - position: fixed; - right: 0; - bottom: 0; - margin: 16px; - padding: 12px; - border: 1px solid #8885; - border-radius: 4px; - z-index: 100; - text-align: left; - box-shadow: 3px 4px 5px 0 #8885; - background-color: white; -} -.pwa-toast #pwa-message { - margin-bottom: 8px; -} -.pwa-toast button { - border: 1px solid #8885; - outline: none; - margin-right: 5px; - border-radius: 2px; - padding: 3px 10px; -} -</style> |
