diff options
author | 2023-03-01 23:35:17 +0100 | |
---|---|---|
committer | 2023-03-01 23:35:17 +0100 | |
commit | ad202bd37273e67d98565405486675ca258b4f59 (patch) | |
tree | c877af39bd23200cf7091eed98719f8bffb91c8e /src | |
parent | 400654b6b1c8a2f39482f7c60b41ec363d882af2 (diff) | |
download | it-tools-ad202bd37273e67d98565405486675ca258b4f59.tar.gz it-tools-ad202bd37273e67d98565405486675ca258b4f59.tar.zst it-tools-ad202bd37273e67d98565405486675ca258b4f59.zip |
revert(pwa): fallback to autoUpdate
Diffstat (limited to 'src')
-rw-r--r-- | src/App.vue | 2 | ||||
-rw-r--r-- | src/components/ReloadPrompt.tsx | 52 |
2 files changed, 0 insertions, 54 deletions
diff --git a/src/App.vue b/src/App.vue index 10a6d0c..98199af 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,7 +5,6 @@ import { darkTheme, NGlobalStyle, NMessageProvider, NNotificationProvider } from import { darkThemeOverrides, lightThemeOverrides } from './themes'; import { layouts } from './layouts'; import { useStyleStore } from './stores/style.store'; -import ReloadPrompt from './components/ReloadPrompt'; const route = useRoute(); const layout = computed(() => route?.meta?.layout ?? layouts.base); @@ -20,7 +19,6 @@ const themeOverrides = computed(() => (styleStore.isDarkTheme ? darkThemeOverrid <n-global-style /> <n-message-provider placement="bottom"> <n-notification-provider placement="bottom-right"> - <reload-prompt /> <component :is="layout"> <router-view /> </component> diff --git a/src/components/ReloadPrompt.tsx b/src/components/ReloadPrompt.tsx deleted file mode 100644 index 39ced27..0000000 --- a/src/components/ReloadPrompt.tsx +++ /dev/null @@ -1,52 +0,0 @@ -/* eslint-disable vue/one-component-per-file */ -import { useRegisterSW } from 'virtual:pwa-register/vue'; -import { useNotification, type NotificationReactive } from 'naive-ui'; -import { defineComponent } from 'vue'; -import { whenever } from '@vueuse/core'; - -export default defineComponent({ - setup() { - const notificationBuilder = useNotification(); - - const { needRefresh, offlineReady, updateServiceWorker } = useRegisterSW(); - - let notification: NotificationReactive | null = null; - - const onUpdateClicked = () => { - if (notification) { - notification.action = () => ( - <n-button loading type="primary" secondary> - Reloading - </n-button> - ); - } - - updateServiceWorker(); - }; - - whenever( - needRefresh, - () => { - notification = notificationBuilder.create({ - title: 'A new version is out!', - content: 'Update to get the latest version of it-tools', - closable: true, - onClose: () => { - needRefresh.value = false; - return true; - }, - action: () => ( - <n-button onClick={onUpdateClicked} type="primary" secondary> - Reload - </n-button> - ), - }); - }, - { immediate: true }, - ); - - whenever(offlineReady, () => notification?.destroy(), { immediate: true }); - - return () => ''; - }, -}); |