sveltekit refresh when cache is enabled window.HSStaticMethods.autoInit() doesn't get run

[EssaAlshammri]

I had a problem after build a sveltekit app

page cache is enabled by default and when I refresh the page the overlay doesn't get initialized by using only autoinit inside afternavigate.

I came up with a solution that works. I don't know it does or if it's correct. any way I just want it to share it for those having this problem

<script lang="ts">
	import { afterNavigate } from '$app/navigation';
	import { onMount } from 'svelte';
	import { browser } from '$app/environment';
	import '../app.css';
	let { children } = $props();

	// Function to initialize Preline with optional delay
	const initializePreline = (delay = 0) => {
		if (!browser) return;

		setTimeout(() => {
			console.log('Initializing Preline components');
			window.HSStaticMethods?.autoInit();
		}, delay);
	};

	// This will run after client-side navigation
	afterNavigate(() => {
		initializePreline();
	});

	// This will run on initial page load and when the page is refreshed
	onMount(() => {
		if (browser) {
			// Check if document is already loaded (for cached pages)
			if (document.readyState === 'complete' || document.readyState === 'interactive') {
				console.log('Document already loaded, initializing directly');
				initializePreline(100);
			} else {
				// Otherwise wait for the event
				window.addEventListener('DOMContentLoaded', () => initializePreline(100));
			}
		}
	});
</script>

{@render children()}