alterar para ser pwa

2026-06-04 19:12:04 +01:00
parent 521987f824
commit 1d88b4cb1a
7 changed files with 4706 additions and 1 deletions
@@ -4,6 +4,11 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<meta name="text-scale" content="scale" />
+		<meta name="theme-color" content="#FCB515" />
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/pwa-192x192.png" />
+		<link rel="manifest" href="%sveltekit.assets%/manifest.webmanifest" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -2,6 +2,7 @@
 	import 'bootstrap/dist/css/bootstrap.min.css';
 	import favicon from '$lib/assets/favicon.svg';
 	import { browser } from '$app/environment';
+	import { onMount } from 'svelte';

 	let { data, children } = $props();

@@ -9,6 +10,14 @@
 		// @ts-ignore
 		import('bootstrap/dist/js/bootstrap.bundle.min.js');
 	}
+
+	onMount(async () => {
+		if (browser && 'serviceWorker' in navigator) {
+			// @ts-ignore
+			const { registerSW } = await import('virtual:pwa-register');
+			registerSW({ immediate: true });
+		}
+	});
 </script>

 <svelte:head>