---
import { getCollection } from "astro:content";
import Base from "@layouts/Base.astro";

const title = "Keywords";
const description = "Keywords";

const blogs = await getCollection("blog");
let keywords = [
  ...new Set([
    ...blogs.flatMap(({ data }) => [...(data.keywords ?? [])]),
  ]),
];
---

<Base {title} {description} {keywords}>
  <h1>Keywords</h1>
  <ul>
    {keywords.map((k) => <li><a href={`/blog/keywords/${k}`}>{k}</a></li>)}
  </ul>
</Base>