テンプレート引数の型情報を追加

[qrac]

GlobalProps PageProps を提供することで内部のpropsを使いやすくする。

import type { GlobalProps } from "minista"

export default function ({ title, children }: GlobalProps) {
  return (
    <>
      <header>
        <h1>Site</h1>
        <nav>
          <ul>
            <li>
              <a href="/">Home</a>
            </li>
            <li>
              <a href="/about">About</a>
            </li>
          </ul>
        </nav>
        <h2>Page: {title}</h2>
      </header>
      <main>{children}</main>
    </>
  )
}

import type { Metadata, PageProps } from "minista"

export const metadata: Metadata = {
  title: "home",
}

export default function ({ title }: PageProps) {
  return (
    <>
      <div>{title} content</div>
    </>
  )
}