<script>
import root from "$lib/Utility/root";
import locale from "$stores/locale";
</script>

<details open={false}>
  <summary>Verbiage</summary>

  <ul>
    <li>
      <a href={root('/')}>{$locale().navigation.home}</a>, {$locale().lists.upcoming.episodes.title}:
      {$locale().settings.verbiage?.upcomingEpisodes}
    </li>
    <li>
      <a href={root('/')}>{$locale().navigation.home}</a>, {$locale().lists.upcoming.notYetReleased
        .title}: {$locale().settings.verbiage?.notYetReleased}
    </li>
    <li>
      <a href={root('/')}>{$locale().navigation.home}</a>, {$locale().settings.media.anime}:
      {$locale().settings.verbiage?.dueEpisodes}
    </li>
    <li>
      <a href={root('/')}>{$locale().navigation.home}</a>, {$locale().settings.media.manga}:
      {$locale().settings.verbiage?.dueManga}
    </li>
    <li>
      <a href={root('/completed')}>{$locale().navigation.completed}</a>, {$locale().settings.media
        .anime}: {$locale().settings.verbiage?.completedAnime}
    </li>
    <li>
      <a href={root('/completed')}>{$locale().navigation.completed}</a>, {$locale().settings.media
        .manga}: {$locale().settings.verbiage?.completedManga}
    </li>
  </ul>
</details>
