qrac / minista

Static site generator with 100% static export from React and Vite.
https://minista.qranoko.jp
167 stars 13 forks source link

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

Closed qrac closed 1 year ago

qrac commented 1 year ago

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>
    </>
  )
}