Handle updates

src/routes/+layout.svelte

@@ -1,12 +1,28 @@
 <script>
   import { browser } from "$app/environment";
+  import { beforeNavigate } from "$app/navigation";
+  import { updated } from "$app/stores";
+
   import { locale } from "svelte-i18n";
 
   import "@/style/variables.css";
   import "@/style/global.css";
   import "@/style/kit.css";
 
   $: useCyrillicCharset = browser ? ["uk", "ru"].includes($locale) : false;
+
+  // this checks if the site has been updated and triggers a full page reload
+  // on the next navigation to update the cache
+  beforeNavigate(({ willUnload, to }) => {
+    if ($updated && !willUnload && to?.url) {
+      location.href = to.url.href;
+    }
+  });
+
+  // https://vite.dev/guide/build#load-error-handling
+  function reload() {
+    window.location.reload();
+  }
 </script>
 
 <svelte:head>
@@ -16,4 +32,6 @@
   {/if}
 </svelte:head>
 
+<svelte:window on:vite:preloadError={reload} />
+
 <slot />