<script lang="ts">
  import { getChaptersFromText } from '$lib/Data/Manga/raw';
  import { onMount } from 'svelte';

  export let data: string;

  onMount(() => {
    console.log();
  });
</script>

<ul>
  {#each getChaptersFromText(data) as chapter}
    <li>
      {chapter.chapterDate}
      <span class="opaque">|</span>
      <a href={chapter.href} target="_blank" rel="noopener noreferrer">
        {chapter.chapterNum}
      </a>
    </li>
  {/each}
</ul>
