aboutsummaryrefslogtreecommitdiff
path: root/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue
diff options
context:
space:
mode:
authorAlex Pooley (@zuedev) <zuedev@gmail.com>2026-05-12 21:44:32 +0100
committerAlex Pooley (@zuedev) <zuedev@gmail.com>2026-05-12 21:44:32 +0100
commitc1ca45a0ba712de6fe222d4599fe12792c2271e0 (patch)
treed2aa50fa8df3e9332d19767f5286545164e513b8 /communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue
parent123c4371627ece5e81812a54507bcc2158be9eaf (diff)
downloadunnamed-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/ReloadPrompt.vue')
-rw-r--r--communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue83
1 files changed, 0 insertions, 83 deletions
diff --git a/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue b/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue
deleted file mode 100644
index 6e60fb3..0000000
--- a/communities/red-right-hand/vitepress/.vitepress/theme/components/ReloadPrompt.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script setup lang="ts">
-import { onBeforeMount, ref } from "vue";
-
-const offlineReady = ref(false);
-const needRefresh = ref(false);
-
-let updateServiceWorker: (() => Promise<void>) | undefined;
-
-function onOfflineReady() {
- offlineReady.value = true;
-}
-function onNeedRefresh() {
- needRefresh.value = true;
-}
-async function close() {
- offlineReady.value = false;
- needRefresh.value = false;
-}
-
-onBeforeMount(async () => {
- const { registerSW } = await import("virtual:pwa-register");
- updateServiceWorker = registerSW({
- immediate: true,
- onOfflineReady,
- onNeedRefresh,
- onRegistered() {
- console.info("Service Worker registered");
- },
- onRegisterError(e) {
- console.error("Service Worker registration error!", e);
- },
- });
-});
-</script>
-
-<template>
- <template v-if="offlineReady || needRefresh">
- <div class="pwa-toast" role="alertdialog" aria-labelledby="pwa-message">
- <div id="pwa-message" class="mb-3">
- {{
- offlineReady
- ? "App ready to work offline"
- : "New content available, click the reload button to update."
- }}
- </div>
- <button
- v-if="needRefresh"
- type="button"
- class="pwa-refresh"
- @click="updateServiceWorker?.()"
- >
- Reload
- </button>
- <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>