---
import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro";
import fs from "fs";

const raw_yaml = fs.readFileSync("src/vocab_list.yaml", "utf-8");
---

<StarlightPage
    frontmatter={{
        title: "Add Vocabulary",
        tableOfContents: false,
        prev: false,
    }}
>
    {raw_yaml}
</StarlightPage>

<style>
    :global(div.sl-container) {
        margin-inline: 0 !important;
    }

    :global([yaml-editor]) {
        width: calc(
            100vw - var(--sl-sidebar-width) - 2 * var(--sl-content-pad-x)
        );
    }
</style>
