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

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

<form on:submit|preventDefault={handleLogout}>
    {#if $currentUser}
        @{$currentUser.username}
    {/if}
    <button
        class="border-slate-500 border-solid border-2 font-bold p-1 rounded"
        type="submit"
    >log out</button>
</form>

<style>
</style>
