updated state は true または false を持ちます。これは最初にページを開いてからそれ以降にアプリの新バージョンがデプロイされたかどうかを表しています。これを動作させるには、svelte.config.js で kit.version.pollInterval を指定する必要があります。

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

<script lang="ts">
	import { page, navigating, updated } from '$app/state';
</script>

バージョンの変更はプロダクションでのみ発生し、開発時には発生しません。そのため、このチュートリアルでは updated.current は常に false となります。

pollInterval とは関係なく、updated.check() を呼び出すと手動で新バージョンがデプロイされたかチェックできます。

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

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

Prior to SvelteKit 2.12, you had to use $app/stores for this, which provides an $updated store with the same information. If you’re currently using $app/stores, we advise you to migrate towards $app/state (requires Svelte 5).