24 lines
597 B
TypeScript
24 lines
597 B
TypeScript
import { For } from "solid-js";
|
|
import { useData } from "vike-solid/useData";
|
|
import type { Data } from "./+data.js";
|
|
|
|
export default function Page() {
|
|
const movies = useData<Data>();
|
|
return (
|
|
<>
|
|
<h1>Star Wars Movies</h1>
|
|
<ol>
|
|
<For each={movies}>
|
|
{(movie) => (
|
|
<li>
|
|
<a href={`/star-wars/${movie.id}`}>{movie.title}</a> ({movie.release_date})
|
|
</li>
|
|
)}
|
|
</For>
|
|
</ol>
|
|
<p>
|
|
Source: <a href="https://brillout.github.io/star-wars">brillout.github.io/star-wars</a>.
|
|
</p>
|
|
</>
|
|
);
|
|
}
|