<script>
    import { channelsList } from '$lib/store';
    import Channel from './Channel.svelte';

    let channels;

    channelsList.subscribe((value) => {
        channels = value.channels;
    });
</script>

<nav class="list-nav">
    <ul>
        {#each channels as channel}
            <Channel {...channel} />
        {/each}
    </ul>
</nav>
