diff options
Diffstat (limited to 'app/src/routes/+layout.svelte')
| -rw-r--r-- | app/src/routes/+layout.svelte | 44 |
1 files changed, 11 insertions, 33 deletions
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte index c866e8c..087465b 100644 --- a/app/src/routes/+layout.svelte +++ b/app/src/routes/+layout.svelte @@ -3,17 +3,14 @@ import Icon from '@iconify/svelte'; import menuIcon from '@iconify/icons-carbon/menu'; import { - AppBar, - AppShell, - Drawer, - Toast, - getDrawerStore, - getToastStore, - initializeStores + AppBar, + AppShell, + Drawer, + Toast, + getDrawerStore, + initializeStores } from '@skeletonlabs/skeleton'; - import { onMount } from 'svelte'; import { pwaInfo } from 'virtual:pwa-info'; - import { useRegisterSW } from 'virtual:pwa-register/svelte'; import '../app.postcss'; // Floating UI for Popups @@ -24,7 +21,6 @@ initializeStores(); const drawerStore = getDrawerStore(); - const toastStore = getToastStore(); function drawerOpen() { drawerStore.open({ @@ -32,28 +28,6 @@ }); } - onMount(async () => { - if (pwaInfo) { - useRegisterSW({ - immediate: true, - onRegistered(r) { - console.log(`SW Registered: ${r?.active?.scriptURL}`); - }, - onRegisterError(error: Error) { - console.error('SW registration error', error); - }, - onOfflineReady() { - toastStore.trigger({ - background: 'variant-filled-success', - hideDismiss: true, - message: 'Now ready for offline use!', - timeout: 5000 - }); - } - }); - } - }); - $: webManifestLink = pwaInfo ? pwaInfo.webManifest.linkTag : ''; </script> @@ -76,7 +50,7 @@ <svelte:fragment slot="lead"> <div class="flex items-center"> <button class="md:hidden btn btn-sm mr-4" on:click={drawerOpen}> - <Icon icon={menuIcon} width=25 /> + <Icon icon={menuIcon} width="25" /> </button> <strong class="text-xl uppercase">Nothing</strong> </div> @@ -89,3 +63,7 @@ <!-- Page Route Content --> <slot /> </AppShell> + +{#await import('$lib/svelte/ReloadPrompt.svelte') then { default: ReloadPrompt }} + <ReloadPrompt /> +{/await} |