The updated store contains true or false depending on whether a new version of the app has been deployed since the page was first opened. For this to work, your svelte.config.js must specify kit.version.pollInterval.

<script>
	import { page, navigating, updated } from '$app/stores';
</script>

Version changes only happen in production, not during development. For that reason, $updated will always be false in this tutorial.

You can manually check for new versions, regardless of pollInterval, by calling updated.check().

{#if $updated}
	<div class="toast">
		<p>
			A new version of the app is available

			<button onclick={() => location.reload()}>
				reload the page
			</button>
		</p>
	</div>
{/if}