How to create a persistent variable in Sveltekit using Local Storage?

<script>
  import { writable } from 'svelte/store';

  // Create a writable store with an initial value
  const name = writable('Svelte');

  // Check if localStorage has a value for name
  if (localStorage.getItem('name')) {
    // If yes, set the store value to the localStorage value
    name.set(localStorage.getItem('name'));
  }

  // Subscribe to changes in the store value
  name.subscribe((value) => {
    // Update the localStorage with the new value
    localStorage.setItem('name', value);
  });
</script>

<h1>Hello, {$name}!</h1>
<input type="text" bind:value={$name} />