updated ストアには、ページが最初に開かれた後にアプリの新しいバージョンがデプロイされたかどうかによって、true または false が含まれます。これが機能するには、svelte.config.js で kit.version.pollInterval を指定する必要があります。

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

バージョンの変更は本番環境でのみ発生し、開発中は発生しません。そのため、このチュートリアルでは $updated は常に false になります。

pollInterval に関係なく、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}