<script>
  import { goto } from '$app/navigation';
  import { logOut } from '$lib/apiServer.js';
  import { currentUser } from '$lib/store';

  async function onsubmit(event) {
    event.preventDefault();
    const response = await logOut();
    if (200 <= response.status && response.status < 300) {
      currentUser.update(() => null);
      goto('/login');
    }
  }
</script>

<form {onsubmit}>
  <button class="btn bg-orange-400" type="submit">log out</button>
</form>
