website/src/pages/songs/index.astro

---
import List from "../../layouts/List.astro";
import { getCollection } from 'astro:content';
import { ALBUMS, getAllCats } from "../../utils/songs";


const pages = [...getAllCats(await getCollection('songs'))]
  .sort((a, b) => a < b ? 1 : -1)
  .map(catalog => ({
    title: `${catalog} - ${ALBUMS[catalog].title}`,
    slug: `/songs/${catalog}/`
  }));

---

<List title="Albums" pages={pages} />