djledda-web/app/generative-energy/GEMain.tsx

import { RouterLink } from "vue-router";
import useHead from "@/useHead.ts";

export default {
    name: "ge-main",
    setup() {
        useHead({ title: "Generative Energy" });
        return () => (
            <>
                <header>
                    <h1>Generative Energy</h1>
                </header>
                <div class="text-slab">
                    <p>
                        This page is dedicated to Dr. Raymond Peat († 2022), who has had a profound impact on my health
                        and my life in general. Hover over the links below for more detail.
                    </p>
                </div>
                <div class="text-slab">
                    <h2>Links</h2>
                    <ul>
                        <li>
                            <RouterLink to={{ name: "GECalculator" }}>Thyroid Calculator</RouterLink>
                            <span style="display: none" class="tooltip">
                                Convert to and from grains, set ratios, etc.
                            </span>
                        </li>
                        <li>
                            <RouterLink to={{ name: "GEDeutsch" }}>Ray Peat Articles in German</RouterLink>
                            <span style="display: none" class="tooltip">
                                A selection of articles by Ray that I have translated in my spare time into German.
                            </span>
                        </li>
                    </ul>
                </div>
            </>
        );
    },
};