Use cache-busted icons in root

FyreByrd · FyreByrd · commit e76e8188b9c5 · 2025-11-14T14:27:19.000-06:00
diff --git a/src/app.html b/src/app.html
@@ -2,8 +2,6 @@
 <html lang="en">
     <head>
         <meta charset="utf-8" />
-        <link rel="icon" href="%sveltekit.assets%/icons/favicon.png" />
-        <link rel="apple-touch-icon" href="%sveltekit.assets%/icons/apple-touch-icon.png" />
         <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
         <link rel="stylesheet" type="text/css" href="%sveltekit.assets%/spinner.css" />
         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,4 +1,9 @@
 <script lang="ts">
+    /* app.html imports for cache-busting */
+    import faviconHref from '$assets/icons/favicon.png';
+    import appleIconHref from '$assets/icons/apple-touch-icon.png';
+    import manifestHref from '$assets/manifestUrl.json';
+    /* layout imports */
     import { base } from '$app/paths';
     import '$lib/app.css';
     import CollectionSelector from '$lib/components/CollectionSelector.svelte';
@@ -101,6 +106,10 @@
 </script>
 
 <svelte:head>
+    <!-- app.html (with cache-busting) -->
+    <link rel="icon" href="{faviconHref}" />
+    <link rel="apple-touch-icon" href="{appleIconHref}" />
+    <!-- +layout.svelte -->
     <meta name="theme-color" content={$s['ui.bar.action']?.['background-color']} />
     <link rel="stylesheet" href="{base}/styles/{config.programType.toLowerCase()}-app.css" />
     {#if isSAB}
